2025/04

Front/JavaScript

[JavaScript] array (2) - map

0. map 이란: 기존 배열을 변형(각 요소를 가공)해서 새로운 배열을 반환한다.: 기존 배열은 변경되지 않는다. (불변성 유지): 콜백 함수를 인자로 받고, 원본 배열의 각 요소를 순회하면서 변형된 값을 새 배열에 저장한다.- 숫자 변환, 데이터 매핑 등, 배열의 각 요소를 변형해야 하는 경우 유용하다. ※ reduce() 는 배열을 순회하며 하나의 최종 값을 반환할 때 쓰인다. (합계, 평균, 객체 변환 등)※ forEach() 는 배열을 단순히 순회하고 작업을 수행할 뿐, 반환값은 없다. const newArray = oldArray.map((element, index, array) => { return 변환된_값;});element - 현재 배열 요소index - 현재 요소의 인덱스 (선택사항..

Front/JavaScript

[JavaScript] ES10 - flat/flatMap, Object.fromEntries, trimStart/trimEnd

1. flat / flatMapArray.prototype.flat(n): 중첩된 배열을 펼쳐서 1차원 배열로 만든다. - n이 빈값이면 기본적으로 1단계만 펼침- n단계까지 펼치고,- 특정 숫자를 지정하기 어려울 때 Intinity 를 넣으면 배열의 depth 와 관계없이 1차원 배열로 만든다.const array = [[1],[2],[3],[[[4]]],[[[5]]]]console.log(array.flat(2)) // [1,2,3,[4],[5]]const trapped = [[[[[[[[[[[[[[[[[[[[[[[[[[3]]]]]]]]]]]]]]]]]]]]]]]]]];console.log(trapped.flat(Infinity)) // [3] Array.prototype.flatMap(): map..