[ 모던 자바스크립트 스터디 ] Set (add, delete, forEach, clear ...)
Set Set 객체는 중복되지 않는 유일한 값들의 집합니다. Set 객체는 요소 순서에 의미가 없고, 인덱스로 요소에 접근할 수 없다. Set의 특성은 수학적 집합의 특성과 일치한다. Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. Set 객체의 생성 Set 생성자 함수로 생성하며, 인수를 전달하지 않으면 빈 Set 객체가 생성된다. const set = new Set(); console.log(set); // Set(0) {} const set1 = new Set([1, 2, 3, 4]); console.log(set1); // Set(3) {1, 2, 3} const set2 = new Set('hello'); console.log(set2); // Set(4) {"h", "e..
2022. 10. 31.
[ 모던 자바스크립트 스터디 ] 디스트럭처링 할당
디스트럭처링 할당(구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것이다. 배열 디스트럭처링 할당 const arr = [1, 2, 3]; const [one, two, three] = arr; console.log(one, two, three); // 1 2 3 const [x, y] = [1, 2]; 배열 디스트럭처링 할당의 기준은 배열의 인덱스다. 이때 변수의 개수와 이터러블의 요소 개수가 반드시 일치할 필요는 없다. const [a, b] = [1, 2]; console.log(a, b); // 1 2 const [c, d] = [1]; console.log(c, d); // 1 undefined const [e, ..
2022. 10. 29.
[ 모던 자바스크립트 스터디 ] 스프레드 문법
스프레드 문법 ... 은 ES6에서 도입되었고, 하나로 뭉쳐있는 여러 값들의 집합을 펼쳐 개별적인 값들의 목록으로 만든다. 스프레드 문법은 이터러블들만(Array, String, Map, ... ) 사용 가능하다. console.log(...[1, 2, 3]); // 1 2 3 console.log(...'Hello'); // H e l l o 스프레드 문법의 결과는 값이 아니고 값들의 목록이다. 따라서 아래와 같이 변수에 할당할 수 없다는 것을 알아둬야한다. const list = ...[1, 2, 3]; // SyntaxError: Unexpected token ... 함수 호출문의 인수 목록에서 사용하는 경우 const arr = [1, 2, 3]; const max = Math.max(arr); ..
2022. 10. 25.
