>웹 프론트엔드 >JS 튜토리얼 >flatMap 기능을 사용하는 방법

flatMap 기능을 사용하는 방법

不言
不言원래의
2019-02-21 13:50:005085검색

array.Flatmap()은 입력 배열 요소를 새 배열로 평면화하는 자바스크립트의 내장 함수입니다. 이 방법은 먼저 매핑 함수를 사용하여 각 요소를 매핑한 다음 입력 배열 요소를 새 배열로 평면화합니다. flatMap()의 구체적인 사용법을 살펴보겠습니다.

flatMap 기능을 사용하는 방법

flatMap()의 기본 구문은 다음과 같습니다.

var A = array.flatMap(function callback(current_value, index, Array))
{
    //返回的新数组元素
}

callback: 이것은 다음과 같습니다. 다음과 같이 세 가지 매개변수를 사용하여 새 배열에 대한 요소를 생성하는 함수:

current_value: 입력 배열 요소입니다.

index: 이는 선택 사항입니다. 입력 요소의 인덱스입니다.

Array: 이는 선택 사항입니다. 배열 매핑을 호출할 때 사용됩니다.

두 가지 구체적인 예를 살펴보겠습니다

예 1:

코드는 다음과 같습니다

<script>  
var A = [ 1, 2, 3, 4, 5 ];  
b = A.map(x => [x * 3]); 
document.write(b);  
c = arr1.flatMap(x => [x * 3]); 
document.write(c);  
d = arr1.flatMap(x => [[ x * 3 ]]); 
document.write(d); 
</script>

출력 결과는 다음과 같습니다:

[[3],[6],[9],[12],[15]] 
[3,6,9,12,15] 
[[3],[6],[9],[12],[ 15]

예 2:

코드는 다음과 같습니다

<script> 
var A = [ 1, 2, 3, 4, 5 ]; 
array.flatMap(x => [x * 3]); 
b = A.reduce((acc, x) => acc.concat([ x * 3 ]), []); 
document.write(b); 
</script>
#🎜 🎜#출력 결과는 다음과 같습니다.[3,6,9,12,15]


이 기사는 여기서 끝났습니다. 더 흥미로운 콘텐츠를 보려면 다른 관련 칼럼 튜토리얼을 참고하세요. PHP 중국어 웹사이트에서 ! ! !

위 내용은 flatMap 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.