[JS] Data Types & Variables 자료형과 변수

Basic Data Types

 

Data Type : JS가 이해할 수 잇는 데이터의 종류들 

 

1. Number

integer 정수 1

float 실수 0.1

 

2. String : text

"hello"

 

JS - String() 과 toString()

 

---

Variables

같은 데이터의 중복 사용을 방지하기 위해 저장

 

camel 낙타

 

 

 

 

 

 

 

 

 

camel case :  veryLongName (JS 변수명 규칙)

pascal case :  VeryLongName

kebab case :  very-long-name

snake case :  very_long_name

---

• const ⭐️ (ES6)
  중복선언 ✕  재할당 ✕
  constant '상수'
  never gonna updated
∴  default (always)

 

• let (ES6)
  중복선언 ✕  재할당 ⃝
  will be updated
∴  필요시 (sometimes)

• var (legacy)
  중복선언 ⃝  재할당 

  const, let 구분 없이 사용

  자율성은 생기지만
  → 고정인 값 보호 불가
  → 고정인지 변경 예정인지 알 수 없음

∴  never 

 

[JS] variables - var, let, const (scope, hoisting)

 

---

Booleans

 

true    1

false   0

 

null :

nothhing. 변수는 있는데 '값이 없음'을 정의

자연적 발생X - 값이 없다는 것을 확실히 하기 위해 의도적으로 할당

모든 프로그래밍 언어에 탑재 (+ strng, number, boolean, null)

 

undefined :

변수는 있는데 값이 정의되지 않음 (컴퓨터상 메모리 존재)

자연적 발생O

소수의 프로그래밍 언어에만 탑재

 

---

Arrays

 

하나의 변수 안에 설명이 필요 없는 정보가 담긴 데이터 리스트

 

const array = [1, 2, 3]

index는 0부터 시작

 

호출 array[index]

변경 array[0] = 0

삽입 array.push(4)

 

---

Objects

 

하나의 변수 안에 설명이 필요한 정보(property)가 담긴 데이터 리스트

 

const object = {
   name: 'tomato',

   color: red,

   qty: 3

}

 

호출 object.key | object['key']

변경 object.color = yellow

삽입 object.isFood = true

 

---

Functions

 

계속 반복해서 사용할 수 있는 코드 조각 (캡슐화)

블록 안에 코드는 함수 호출할 때마다 실행

argument는 여러개 가능하며, 함수의 body({} 블럭) 안에서만 존재

 

function hello(arg1, arg2) { // function이 그 데이터를 받는 방법

   console.log("Hello " + argument)
}

 

호출 hello('tang') // 데이터를 function 안으로 보내는 방법

hello('tang', 'lim', 'taeyoung', 'taeyeong') // 정의된 argument보다 더 많은 arg를 보내도 문제되지 않는다.

 

---

Returns

 

단순 출력(console.log())만이 아니라, 계산된 function 값으로 작업하려면 return 필요!

 

한번 return하면, function은 작동을 멈추고 결과값 리턴하고 끝난다

 

const calculator = {
    add: function(a, b) { return a+b },
    minus: function(a, b) { return a-b },
    divide: function(a, b) { return a/b },
    powerof: function(a, b) { return a**b }
}

console.log( calculator.add(1, 2) )  // 3
console.log( calculator.minus(1, 2) )  // -1
console.log( calculator.divide(1, 2) )  // 0.5
console.log( calculator.powerof(1, 2) )  // 1