[ Medium ] I Bet You Don't Use These JavaScript Tricks and Practices
1. Using FlatMap flatMap은 중간에 배열을 만들지 않고 한번에 하지만, filter().map()은 중간에 배열(intermediate array)을 만든다. 2023.10.31 - [FrontEnd/JavaScript] - [ JavaScript ] flatMap() 2. Order of Array Methods const numbers = [9, 3, 6, 4, 8, 1, 2, 5, 7]; //before numbers .sort((a, b) => a - b) .filter((n) => n % 2 !== 0) .map((n) => n ** 3); //after numbers .filter((n) => n % 2 !== 0) .sort((a, b) => a - b) .map((n) =..
2023. 10. 31.
[ JavaScript ] flatMap()
Array.prototype.flatMap() 이란? 배열의 각 요소에 주어진 콜백 함수를 적용한 다음 그 결과를 한 단계씩 평탄화하여 형성된 새 배열을 반환한다.(콜백에서 반환된 유사배열은 평탄화하지 않는다) map()뒤에 깊이 1의 flat()을 체이닝 하는 것(arr.map(...args).flat(1))과 동일하지만, 두 메서드를 따로 호출하는 것보다 더 효율적이다. const arr1 = [1, 2, 3, 4]; arr1.map((x) => [x * 2]); // [[2], [4], [6], [8]] arr1.flatMap((x) => [x * 2]); // [2, 4, 6, 8] // 오직 한 단계만 평탄화됩니다. arr1.flatMap((x) => [[x * 2]]); // [[2], [4]..
2023. 10. 31.
