[Array] JS - flatMap() 메서드 - 배열 매핑 후 지정함수 적용한 새 평면배열 생성 (= flatMap메서드 = 플랫맵메서드)

목차

1. array.flatMap() 예제 - 각 배열값의 2배값으로 구성된 평면배열 생성
2. array.flatMap() 정의
3. array.flatMap() 구문

array.flatMap() 예제 - 각 배열값의 2배값으로 구성된 평면배열 생성

 

<p id="demo"></p>

<script>

const nums = [1, 2, 3];

const nums2 = nums.flatMap((x) => x * 2);

document.getElementById("demo").innerHTML = nums2;

</script>

 

결과값: 2,4,6

array.flatMap() 정의

 

배열 매핑(= 모든 배열요소 각각에 대해 접근) 후 지정함수 적용한 새 평면배열 생성.

 

---

 

1.

• 빈 배열요소에 대해선 함수 실행 X
• 원본 배열을 변경 X

 

2.

IE 제외한 주요 최신 브라우저 모두 지원.

 

3. MDN flatMap() 예제보기

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap

 

array.flatMap() 구문

 

array.flatMap(function(value, key, arr), thisValue)

 

---

[매개변수]

 

function(value, key, arr)

필수. 각각의 배열값에 대해 실행할 함수

• value - 필수. 현재요소의 배열값
• key - 선택. 현재요소의 배열키
• arr - 선택. 현재요소가 속한 배열

 

thisValue

선택. 함수에 this 값으로 전달된 값. (기본값: undefined)

 

---

[반환값]

 

각 배열요소에 대해 지정 콜백함수 적용된 새 평면배열 반환.