[JavaScript/JS] 자료형 / 배열 / var let const 차이점

자바스크립트에서의 기본적인 자료형은 위와 같다.

배열

자바스크립트에서 배열은 [ ] 대괄호로 표현한다.

배열에는 숫자 문자열 문자 혼합해서 인자로 들어 갈 수 있다.

var arr = ["사과", 5, 'c'];
console.log(arr);
//[ '사과', 5, 'c' ]

var let const 차이점

먼저 var let const 는 { var } { let , const } 로 나눌 수 있다.

var name = "Hello";
console.log(name);
var name = "World";
console.log(name);
/*
Hello
World
*/

먼저 var 을 살펴보자. 

name 이라는 변수명이 2번이나 선언되고 초기화 되었지만 아무런 문제 없이 실행됨을 알 수 있다.

간단한 코드에서는 큰 문제가 없을 것 같지만 코드량이 길어지면 같은 변수명을 사용 안하리라는 보장이 없다.

그렇기에 나중에 크나큰 오류를 만들 수 있다.

그래서 ES6이후 등장한 것이 let 과 const 이다.

let 과 const 는 같은 변수명으로 선언할 시 에러를 일으킨다.

let  name = "Hello";
console.log(name);
let name = "World";
console.log(name);
/*
SyntaxError: Identifier 'name' has already been declared
    at wrapSafe (internal/modules/cjs/loader.js:1070:16)
    at Module._compile (internal/modules/cjs/loader.js:1120:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
    at Module.load (internal/modules/cjs/loader.js:1000:32)
    at Function.Module._load (internal/modules/cjs/loader.js:899:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:74:12)
    at internal/main/run_main_module.js:18:47
    */

const 도 마찬가지로 동일한 에러를 일으킨다.

const 와 let 의 차이점은 immutable 여부이다. 즉, 재할당의 여부이다.

let 으로 선언한 변수는 재할당이 가능하지만,  const 는 선언과 동시에 초기화를 시켜줘야하고 변경이 불가능하다.