map
-
[Javascript] 모던자바스크립트 딥 다이브 6일차 (~753p)웹/JavaScript 2023. 1. 27. 08:47
35. 스프레드 문법 배열 리터럴 내부에서 사용하는 경우 1. concat es5에서 2개의 배열을 1개의 배열로 결합하고 싶은 경우 배열 리터럴만으로 해결할 수 없고 concat 메서드를 사용해야 한다. arr.concat([3,4]) 2. splice const arr = [1,2] const arr2 = [3,4] arr.splice(2,0,arr2) //[1,2,[3,4]] 3. 스프레드 문법 const arr = [1,2] const arr2 = [3,4] arr.splice(2,0,...arr2) // [1,2,3,4] 단, 유사 배열 객체는 문법의 대상이 될 수 없다. const object1 = { 0 : 1, 1 : 2, length : 2 }; const arr = [...object1..
-
[Javascript] Set, Map웹/JavaScript 2023. 1. 13. 18:24
중복되지 않는 값들의 집합 표준 내장 객체 중 하나 💡 배열과의 차이: 동일한 값을 여러 번 포함할 수 없음 값들의 순서가 무의미함 I. 기본 사용법 // Set 생성 const set1 = new Set(); // add 메서드 - 요소 추가 set1.add(1); set1.add('A'); set1.add(true); console.log(set1); // 이미 포함된 요소는 추가하지 않음 set1.add(1); set1.add(true); console.log(set1); // 배열을 인자 넣으면 생성 + 초기화 // 중복된 요소 제거 const set2 = new Set([1, 1, 1, 'A', true]); console.log(set2); // has 메서드 - 요소 포함여부 ..
-
[Javascript] 고차함수 메소드 (forEach, map, find,findLast,findIndex,findLastIndex, some, every, filter, reduce, sort, reverse, flatMap)웹/JavaScript 2023. 1. 12. 19:35
배열의 고차함수 higher order function 메서드 다른 함수(콜백 함수 callback function)를 인자로 받음 함수형 프로그래밍 - 변수 사용 없이 순회 작업들을 코딩 1. forEach - 각 요소를 인자로 콜백함수 실행 💡 for문의 좋은 대체제 ⚠️ 단점 : 예외를 던지지 않으면 종료할 수 없음 - break, continue 사용 불가 인자들: 콜백함수 - 인자: ( 현재 값, 현재 값의 인덱스, 해당 배열 ) thisArg - this 주제 섹션에서 다룰 것 const arr = [1, 2, 3, 4, 5]; const result = arr.forEach(itm => { console.log(itm); }); // 💡 결과로는 undefined 반환 - 실행 자체를 위..