[JavaScript] spread 연산자와 Rest
기존 배열에 기반한 새로운 배열을 만들 때, 우리는 loop 과정이 필요합니다. const arr = [7, 8, 9]; const badNewArr = [1, 2, arr[0], arr[1], arr[2]]; console.log(badNewArr); 기존 배열에 1, 2 원소를 집어넣고 싶을 때 위와 같은 방법이 있으나 굉장히 귀찮은 일입니다. 이것을 해결하기 위해 spread 연산자가 있습니다. Spread 문법(Spread Syntax, ...)는 대상을 개별 요소로 분리한다. Spread 문법의 대상은 iterable 이어야 합니다 iterable이란 Symbol.iterator 메소드를 구현하거나 프로토타입 체인에 의해 상속한 객체를 말합니다. 즉, for...of 문으로 순회할 수 있는 객체..
2021. 1. 12.
[JavaScript] Destructuring
디스트럭쳐링(Destructuring)은 구조화된 배열 또는 객체를 Destructuring(비구조화, 파괴)하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용합니다. 1. 배열 디스트럭처링(Array Destructuring) const arr = [2, 3, 4]; const [x, y, z] = arr; console.log(x, y, z); console.log(arr); 배열 디스트럭처링을 위해서는 할당 연산자 왼쪽에 배열 형태의 변수 리스트가 필요합니다. let x, y, z; [x, y, z] = [1, 2, 3]; let [x, y, z] = [1, 2, 3]; 왼쪽의 변수 리스트와 오른쪽의 배열은 배열의 인덱스를 기준..
2021. 1. 12.
