JavaScript 배열 메서드 map(), filter(), reduce()

Map,Filter,Reduce는 JavaScript에서 가장 중요하고 널리 사용되는 배열 방법입니다. 하나씩 살펴보겠습니다.

map():배열을 입력으로 받아 각 개별 배열 요소에 특정 함수를 적용하여 새로운 배열을 반환합니다. 원래 배열을 수정하지 않습니다.

지도() 구문:

      array.map((ele,index,arr)=>{
          //ele->current element of the array
          //index->index of the current element
          //arr->entire array itself
      })

대부분의 경우 요소만 전달되고 다른 매개변수는 무시됩니다. 그러나 그들은 필요에 따라 사용할 수 있습니다

지도()의 예:



위의 예에서 배열의 각 개별 요소에 10을 곱하고 새 배열을 반환합니다.

filter(): 배열을 입력으로 받아 각각의 개별 요소에 주어진 조건을 적용합니다. 기본 조건을 만족하는 요소는 새 배열로 이동되고 조건을 만족하지 않는 나머지 요소는 필터링됩니다. 원래 배열을 수정하지 않습니다.

필터() 구문:

     array.filter((ele,index,arr)=>{
         //ele->current element of the array
         //index->index of the current element
         //arr->entire array itself
     })

필터의 맵과 마찬가지로 대부분의 경우 요소만 매개변수로 전달되고 다른 두 매개변수는 일반적으로 무시됩니다.

필터()의 예:



위의 예에서 필터 메서드는 3보다 큰 요소를 포함하는 새 배열을 반환합니다.

reduce(): 배열을 입력으로 받아 단일 값을 반환합니다.
배열의 각 요소에 give reducer 함수를 적용하여 값을 지정합니다. 원래 배열을 수정하지 않습니다.

reduce() 구문:

       array.reduce((accumulator,ele,index,arr)=>{
         //accumulator->used to store the the value of 
                        previous iteration
         //ele->current element of the array
         //index->index of the current element
         //arr->entire array itself
         //value->initial value for accumulator
      },value)

대부분의 경우 accumulator와 element만 전달되고 다른 매개변수는 무시됩니다.

reduce()의 예:



위의 예에서 리듀서 함수를 적용한 후 개별 배열 요소의 합인 32라는 단일 값을 반환합니다.