자바스크립트 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;
'HTML5 CSS JavaScript' 카테고리의 다른 글
자바스크립트 ES6 문법 - 전개 연산자 (0) | 2022.02.21 |
---|---|
자바스크립트 ES6 문법 - 템플릿 문자열 (0) | 2022.02.21 |
Animate.css를 이용한 이미지, 문자 애니메이션 효과 주기 (0) | 2020.07.26 |