[javascript] ES6 최신 문법 4 _ 구조 분해 할당 Destructuring assignment & 단축 평가 Short-circuit evaluation
구조 분해 할당 Destructuring assignment 구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 분해하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열 구조 분해 할당 1) 우변은 반드시 이터러블이어야 한다. 할당의 기준이 인덱스가 되기 때문이다. 변수의 개수와 이터러블 요소의 개수가 가 일치할 필요는 없다. const arr = [1, 2, 3, 4]; const [one, two, three] = arr; console.log(arr[0], arr[1], arr[2]); //1 2 3 console.log(one, two, three); //1 2 3 2) 기본값을 넣어 사용할 수도 있다. const point = [1, 2]; const [y, x, z = 0]..
2022. 10. 13.
[javascript] ES6 최신 문법 3 _ spread
spread ... 스프레드는 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 문법이다. 스프레드 문법을 사용할 수 있는 대상은 이터러블에 한정된다. let arr = [1, 2, 3, 4]; console.log(...arr); //1 2 3 4 let a = { ...arr }; let b = [...arr]; console.log(a); //{ '0': 1, '1': 2, '2': 3, '3': 4 } console.log(b); //[ 1, 2, 3, 4 ] let arr1 = [2, 3, 4]; let arr2 = [5, 6, 7]; let merged = arr1.concat(arr2); //ES5에서 배열 합치기 const newMerged = [...arr1, ..
2022. 10. 12.
