ES6 썸네일형 리스트형 자바스크립트_Chapter 13. Map/Set 자바스크립트에서는 객체와 배열을 이용해 다양한 프로그래밍을 할 수 있지만, 그럼에도 불구하고 현실세계의 문제를 프로그래밍적으로 반영하기에 부족한 부분이 있었고, 그것을 극복하고자 Map과 Set이라는 자료구조가 등장했다. Map, Set의 목적 데이터의 구성, 검색, 사용을 기존 객체(Object) / 배열(Array)보다 효율적으로 처리하고자 한다. #1. Map Map의 특징 1. Key - Value pair (객체와 유사하다.) 2. Key에 어떠한 데이터 타입도 들어올 수 있다. 3. 검색, 삭제, 제거, 여부확인이 가능하다. // 새로운 map 생성 const myMap = new Map(); // 아래 두개는 세트 myMap.set(‘key’, ‘value’); // 만든 map 내에 요소를.. 더보기 자바스크립트_Chapter 11. 전개구문 (Spread) 오늘도 ES6에서 새롭게 추가된 문법인 전개구문(Spread)에 정리한다. 이름에서도 볼 수 있듯 뭔가를 펼쳐놓는 느낌이 든다 ! #1. 전개구문(Spread) 문법이란? 대상을 개별요소로 분리하는 문법인데 대상은 '이터러블' 이어야 한다. 이터러블(iterable)? 모던 자바스크립트 책에서는 이터러블 프로토콜을 준수한 객체라고 표현하는데, 데이터 컬렉션을 순회하기 위한 약속(이터러블 프로토콜)을 지킨 객체라고 한다. 나는 순회가 가능한 객체라고 이해했다. 말로는 어려우니 어떻게 생겼는지 바로 가보자 ! #2. 배열에서의 전개구문 let arr = [1,2,3] console.log(arr); // [1,2,3] console.log(…arr); // 1,2,3 -> 배열의 형태를 벗어버렸다. 위 예제.. 더보기 자바스크립트_Chapter 10. 구조분해할당 (Destructuring) 오늘은 ES6부터 새롭게 나온 문법인 구조분해할당에 대해 정리하고자 한다. (사실 정리하는 이유는 Node 강의가 시작되며, 구조분해할당이 많이 사용되는데 관련 내용이 머릿속에서 가물가물..ㅠ) ES6란? 2015년에 자바스크립트의 대규모 문법적 향상과 변경이 있었던 자바스크립트의 중요한 버전 중 하나이다 ! #1. 구조분해할당이란? (Destructuring) 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법 ! 모던자바스크립트 Deep Dive 책에서는 아래와 같이 표현하고 있다. 디스트럭처링(Destructuring)은 구조화된 배열 또는 객체를 Destructuring(비구조화, 파괴)하여 개별적인 변수에 할당하는 것 #2. 배열 구조분해할당 (Array Destructu.. 더보기 이전 1 다음
