매핑된 배열 합계

소개

이 랩에서는 JavaScript 에서 매핑된 배열 합계의 개념을 탐구합니다. 이 랩은 제공된 함수를 사용하여 각 요소를 값에 매핑하여 배열의 합계를 계산하는 방법에 대한 심층적인 이해를 제공하는 것을 목표로 합니다. 이 랩이 끝나면 학습자는 JavaScript 프로젝트에서 Array.prototype.map() 및 Array.prototype.reduce()를 사용하여 매핑된 배열 합계를 구현할 수 있게 됩니다.

매핑된 배열 요소의 합계를 계산하는 함수

제공된 함수를 사용하여 각 요소를 값에 매핑하여 배열의 합계를 계산하려면 sumBy 함수를 사용하십시오. 이 함수는 Array.prototype.map()을 사용하여 각 요소를 fn에서 반환된 값에 매핑합니다. 그런 다음 Array.prototype.reduce()를 사용하여 각 값을 누산기에 더하며, 누산기는 0 값으로 초기화됩니다.

const sumBy = (arr, fn) =>
  arr
    .map(typeof fn === "function" ? fn : (val) => val[fn])
    .reduce((acc, val) => acc + val, 0);

사용 예시:

sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], (x) => x.n); // Returns 20
sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], "n"); // Returns 20

이 함수로 코딩 연습을 시작하려면 터미널/SSH 를 열고 node를 입력하십시오.

요약

축하합니다! 매핑된 배열 합계 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.