javascript15 [JavaScript] 구조 분해 할당(Destructuring Assignment) 1. 배열 분해 let arr = ['Apple', 'Banana']; const [fruit1, fruit2]=arr; //fruit1은 arr[0]을 의미, fruit2는 arr[1]을 의미합니다. console.log(fruit1); //Apple console.log(fruit2); //Banana 배열 분해는 [ ] = ~~~ 형태로 이루어져 있습니다. = 오른쪽에 값으로 들어가는 것들은 iterable, 즉 반복 가능한 객체들이 모두 올 수 있습니다. [a, b, c, ... ] 와 같이 값을 넣어주면 맨 앞부터 차례대로 배열의 0번째 값, 1번째 값, 2번째 값 .... 이 차례대로 할당됩니다. Spread 연산자(...)를 이용하면 배열의 나머지 값을 가져오는 것도 가능합니다. let ar.. 2021. 7. 30. [JavaScript] 위크맵(WeakMap)과 위크셋(WeakSet) 1. WeakMap WeakMap과 Map은 비슷한 자료구조입니다. 다만 한 가지 명확한 차이점이 있다면, 위크맵은 키로 반드시 객체를 받아와야 합니다. 아래 예제 코드를 통해 WeakMap에 대해 살펴봅시다. let weakMap = new WeakMap(); //weakMap 선언 let object={name:'Jason'}; weakMap.set(object, 'hi!'); weakMap.set('string', 'hi!'); // error! WeakMap에서 지원하는 메서드는 Map 객체의 메서드와 비슷한 양상을 띱니다. Map 객체 메서드는 아래 포스팅에서 확인하실 수 있습니다. https://eloquence-developers.tistory.com/167 [JavaScript] 맵(Map.. 2021. 7. 30. [JavaScript] Object.keys, values, entries Object.keys(obj) // 객체의 키만 담은 배열을 반환 Object.values(obj) // 객체의 값만 담은 배열을 반환 Object.entries(obj) // 객체의 키-값 쌍을 담은 배열을 반환 아래 예제를 통해서 위 메서드들의 쓰임새를 알아보겠습니다. const user={ name:'Jason', age:23, birthDay:new Date('2000-01-03'), } console.log(Object.keys(user)); console.log(Object.values(user)); console.log(Object.entries(user)); Object.entries(obj)를 이용하면 객체를 배열로 변환시킬 수 있는데, 이렇게 되면 map, filter, reduce 등.. 2021. 7. 30. [JavaScript] 셋(Set) 셋(Set)은 중복을 허용하지 않는 값을 모은 컬렉션입니다. 아래 예제 코드를 보면서 셋에 대해 알아보도록 합시다. let set = new Set(); //set을 선언해 줍니다. ( ) 안에 iterable 객체를 넣어 Set 객체의 초기 값을 설정해줄 수 있습니다. let john = 'John'; let peter = 'Peter'; let mary = 'Mary'; set.add(john); //set에 요소를 추가해줍니다. set.add(mary); set.add(peter); set.add(john); set.add(mary); console.log(set); set.delete(john); //set에서 특정 요소를 삭제해줍니다. console.log(set); console.log(set.. 2021. 7. 30. 이전 1 2 3 4 다음
