자바스크립트 ES6 문법 - 가변변수(let), 불변변수(const)

자바스크립트 ES6 문법 - 가변변수(let), 불변변수(const)

 

가변번수 사용법(let)

let 숫자 = 1;
숫자 = 숫자 + 4;

let 문자 = '가나다';
문자 = 'ABC';

let 배열 = [];
배열 = [1, 2, 3];

let 객체 = {};
객체 = { 이름: '전산이'};

 

불변변수 사용법(const)

const 숫자 = 1;
숫자 = 숫자 + 4;	// 에러남

const 문자 = '가나다';
문자 = 'ABC';	// 에러남

const 배열 = [];
배열 = [1, 2, 3];	// 에러남

const 객체 = {};
객체 = { 이름: '전산이'};	// 에러남

 

불변변수 값 변경 방법(무결성을 해치는 방법으로 추천하지 않음)

const 배열2 = [];
배열2.push(1); 
배열2.splice(0, 0, 0); // 배열2 = [0,1]
배열2.pop(); 

const 객체2 = {};
객체2['이름'] = '전산이';   // 객체2.이름 = 전산이
Object.assign(객체2, { 이름: '새이름' }); 
delete 객체2.이름;	// 객체2.이름 = 새이름

 

불변변수를 다른 불변변수에 할당하는 방법 (무결성을 지킴)

const 숫자1 = 1;
const 숫자2 = 숫자1 * 3; 

const 문자1 = '가나다';
const 문자2 = 문자1 + 'ABC'; 

const 배열3 = [];
const 배열4 = 배열3.concat(1);
const 배열5 = [...배열4, 2, 3]; 
const 배열6 = 배열5.slice(0, 1); 
const [first, ...배열7] = 배열5; 

const 객체3 = { 이름: '전산이', 나이: 20 };
const 객체4 = { ...객체3, 이름: '새이름' }; 
const { 이름, ...객체5 } = 객체4;