함수 기반 배열 최대값

소개

이 랩에서는 제공된 함수를 사용하여 각 요소를 값에 매핑한 후 배열의 최대값을 반환하는 JavaScript 프로그래밍 과제에 대해 자세히 알아보겠습니다. Array.prototype.map()과 Math.max()를 사용하여 이 작업을 효율적으로 수행하고 이러한 필수 JavaScript 메서드에 대한 이해도를 높일 수 있습니다.

함수 기반 배열의 최대값 찾는 방법

함수를 기반으로 배열의 최대값을 찾으려면 다음 단계를 따르세요.

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. Array.prototype.map()을 사용하여 배열의 각 요소를 제공된 함수 fn이 반환하는 값에 매핑합니다.
3. Math.max()를 사용하여 매핑된 배열의 최대값을 구합니다.

위 단계를 구현하는 예시 코드 조각은 다음과 같습니다.

const maxBy = (arr, fn) =>
  Math.max(...arr.map(typeof fn === "function" ? fn : (val) => val[fn]));

maxBy 함수를 사용하려면 배열과 각 요소를 값에 매핑하는 데 사용해야 하는 함수를 전달합니다. 함수를 직접 전달하거나 배열의 각 객체에서 값에 액세스하는 데 사용해야 하는 키를 나타내는 문자열을 전달할 수 있습니다.

다음은 maxBy 함수에 대한 몇 가지 예시 호출입니다.

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

요약

축하합니다! 함수 기반 최대 배열 값 (Max Array Value Based on Function) 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.