JavaScript 배열을 객체로 변환하는 방법: reduce() 활용

소개

이 랩에서는 객체 배열을 원래 객체의 지정된 속성 값을 각 객체의 키로 하는 객체로 변환하는 방법을 살펴봅니다. JavaScript 의 Array.prototype.reduce() 메서드와 객체 구조 분해 할당 (object destructuring) 을 사용하여 이를 수행합니다. 이 랩은 JavaScript 에서 데이터를 조작하고 변환하는 방법에 대한 더 깊은 이해를 돕습니다.

특정 키를 기반으로 배열을 객체로 변환하기

특정 키를 기반으로 배열을 객체로 변환하고 각 값에서 해당 키를 제외하려면 다음 단계를 따르세요.

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
Array.prototype.reduce()를 사용하여 제공된 배열에서 객체를 생성합니다.
객체 구조 분해 할당 (object destructuring) 을 사용하여 주어진 key의 값과 관련된 data를 추출한 다음, 키 - 값 쌍을 객체에 추가합니다.

다음은 예시 구현입니다.

const indexOn = (arr, key) =>
  arr.reduce((obj, v) => {
    const { [key]: id, ...data } = v;
    obj[id] = data;
    return obj;
  }, {});

그런 다음 다음과 같이 함수를 사용할 수 있습니다.

indexOn(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  "id"
);
// { '10': { name: 'apple' }, '20': { name: 'orange' } }

요약

축하합니다! 키 기반 배열을 객체로 변환하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.

키 기반 배열을 객체로 변환하기

소개

특정 키를 기반으로 배열을 객체로 변환하기

요약