배열을 객체로 매핑하기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 에서 함수를 사용하여 배열의 값을 객체에 매핑하는 방법을 배웁니다. 이 랩에서는 Array.prototype.reduce()를 사용하여 배열의 각 요소에 함수를 적용하고 결과를 객체로 결합하는 과정을 안내합니다. 또한 각 속성에 대해 요소를 키로, 함수의 결과를 값으로 사용하는 방법도 배우게 됩니다.

배열을 객체에 매핑하기

함수를 사용하여 배열의 값을 객체에 매핑하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. Array.prototype.reduce()를 사용하여 arr의 각 요소에 fn을 적용하고 결과를 객체로 결합합니다.
  3. 각 속성의 키로 el을 사용하고, fn의 결과를 값으로 사용합니다.

다음은 코드 스니펫 예시입니다.

const mapObject = (arr, fn) =>
  arr.reduce((acc, el, i) => {
    acc[el] = fn(el, i, arr);
    return acc;
  }, {});

이 예제와 같이 mapObject 함수를 사용할 수 있습니다.

mapObject([1, 2, 3], (a) => a * a); // { 1: 1, 2: 4, 3: 9 }

요약

축하합니다! 배열을 객체에 매핑하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.