코딩하는 베어브릭
[JavaScript] #1. 변수 선언(let, const)과 변수 타입 본문
*변수 선언
js에서는 변수 선언타입이 두가지 있다.
1. let
2. const
C언어의 경우에는 int, char, float 등등 다양한 자료형이 있기 때문에
변수를 선언할 때 자료형을 잘 선택해서 사용해야한다.
하지만 js에서는 자료형을 신경쓰지 않기 때문에 let, const 선언으로 모든 자료형을 지원한다.
그렇다면 let과 const의 차이점은 무엇일까?
그 차이점은 변수에 할당한 값을 변경할 수 있느냐 없느냐이다.
let으로 선언하면 변수에 할당된 값을 변경할 수 있고,
const로 선언하면 값을 변경할 수 없다.
다음의 예시를 보자.


let으로 선언한 변수 fruit의 경우는 값을 변경해도 문제가 없다.
하지만 const로 선언한 변수 vegetable의 경우는 값을 변경하니 error가 발생한다.
따라서 값을 변경해야 하는 변수라면 let으로 선언하고,
더이상 변경할 일이 없는 변수라면 const로 선언하여 후에 값을 변경하는 실수를 범하지 않도록 막는다.
+참고
과거에는 var이라는 변수 선언을 사용했으나, 다양한 문제를 발생시키기 때문에 쓰지 않는 것을 권고한다.
*변수 type
let과 const 선언으로 모든 자료형을 지원한다고 했는데, 자료형의 종류로는 무엇이 있을까?
1. number: 숫자
2. string: 문자
3. boolean: 참/거짓
4. null: 공백
5. undefined: 값이 할당되지 않은 경우
6. symbol: 고유한 식별자
위와 같이 6가지 타입이 존재한다.
1. number

변수에 정수뿐만이 아니라 실수도 할당할 수 있다.
할당할 수 있는 숫자의 범위는 -2^53 ~ 2^53 까지이다.
만약 이 범위를 넘어서는 숫자값을 할당하고 싶다면,
숫자 끝에 n을 붙여주면 된다.
2. string


변수에 저장되어 있는 값을 문자로 할당할 수 있다.
`${변수}`형식으로 작성하면 된다.
( ` 기호는 빽틱기호로, 키보드에서 1번키 왼쪽에 위치해있다.)
3. boolean

boolean은 참과 거짓을 나타내는 타입으로 true와 false로 표현할 수 있다.
위 그림의 boolean3와 같이, 계산 결과 값이 참인지 거짓인지 판별해서 변수에 값을 할당해줄 수도 있다.
4. null & 5. undefined


변수에 null을 할당하는 경우는 변수에 아무것도 들어있지 않았음을 사용자가 지정하는 것이다.
반면 변수를 선언만 하고 값을 할당하지 않은 경우, 변수에 값이 할당되지 않았다는 의미로 undefined가 뜬다.
6. symbol


Symbol( )은 고유한 식별자로 사용하고 싶을 때 사용한다.
변수 symbol1과 symbol2를 보면 할당되어 있는 값이 "hello"로 같지만
각각의 변수를 고유한 식별자로 인식하기 때문에 두 변수를 다르다고 인식한다.
하지만 할당되어 있는 값이 같다면 같은 식별자로 인식하게 하고 싶을 때는
Symbol.for( )를 사용한다.
'Web > javascript' 카테고리의 다른 글
| [JavaScript] #5. 오브젝트 (0) | 2021.12.26 |
|---|---|
| [JavaScript] #4. 클래스 (0) | 2021.12.26 |
| [JavaScript] #3. 함수 (0) | 2021.11.28 |
| [JavaScript] #2. 연산자 (0) | 2021.11.28 |
| [JavaScript] #0. html파일과 js파일 연결방법 (0) | 2021.11.17 |