라이브러리
[JAVASCRIPT] arr.flatMap(callback) - `map()` 후 결과를 평탄화하여 새 배열 생성
flatMap() 메서드
`flatMap()` 메서드는 배열 내의 모든 요소를 호출한 함수의 반환값으로 구성된 새로운 배열을 반환합니다. 이 메서드는 `map()` 메서드와 유사하지만, 반환된 배열을 평평하게(flatten) 하여 반환합니다.
예제 1: 기본적인 사용
#hostingforum.kr
javascript
const arr = [[1, 2], [3, 4], [5, 6]];
const flatArr = arr.flatMap(x => x);
console.log(flatArr); // [1, 2, 3, 4, 5, 6]
예제 2: 문자열 배열
#hostingforum.kr
javascript
const arr = ['hello', 'world', 'javascript'];
const flatArr = arr.flatMap(x => x.split(''));
console.log(flatArr); // ['h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd', 'j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
예제 3: 객체 배열
#hostingforum.kr
javascript
const arr = [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Jim' }];
const flatArr = arr.flatMap(x => Object.values(x));
console.log(flatArr); // [1, 'John', 2, 'Jane', 3, 'Jim']
예제 4: 중첩된 배열
#hostingforum.kr
javascript
const arr = [[1, 2], [3, [4, 5]], [6, 7]];
const flatArr = arr.flatMap(x => x.flatMap(y => y));
console.log(flatArr); // [1, 2, 3, 4, 5, 6, 7]
예제 5: null 또는 undefined
#hostingforum.kr
javascript
const arr = [[1, 2], null, [3, 4]];
const flatArr = arr.flatMap(x => x);
console.log(flatArr); // [1, 2, 3, 4]
위 예제에서 볼 수 있듯이, `flatMap()` 메서드는 배열 내의 모든 요소를 호출한 함수의 반환값으로 구성된 새로운 배열을 반환합니다. 이 메서드는 `map()` 메서드와 유사하지만, 반환된 배열을 평평하게(flatten) 하여 반환합니다.
댓글목록
등록된 댓글이 없습니다.