자바스크립트 배열을 객체로 자바스크립트에서 배열을 객체로 변환하는 방법

image from undraw.co

Originally posted on afewminutesofcode.com

배열을 객체로 변환하기 위해 우리는 함수를 생성하고 2개의 속성, 배열 및 키를 제공할 것입니다.

const convertArrayToObject = (array, key) => {};

그런 다음 배열을 줄이고 전달한 키를 기반으로 각 항목에 대해 고유한 속성을 만듭니다.

또한 초기 값을 설정하고 현재 값(아래의 ...obj)도 전달해야 한다는 것을 기억해야 합니다.

const convertArrayToObject = (array, key) => {
  const initialValue = {};
  return array.reduce((obj, item) => {
    return {
      ...obj,
      [item[key]]: item,
    };
  }, initialValue);
};

따라서 이제 함수를 로그아웃하면(배열과 이 경우 고유 식별자인 키를 전달) 배열이 이제 객체임을 알 수 있습니다.

console.log(
  convertArrayToObject(
    [
      { id: 111, name: 'John', age: 29 },
      { id: 112, name: 'Sarah', age: 25 },
      { id: 122, name: 'Kate', age: 22 },
      { id: 123, name: 'Tom', age: 21 },
      { id: 125, name: 'Emma', age: 24 },
    ],
    'id',
  ),
);

보고

{
  111:{ id: 111, name: 'John', age: 29 },
  112:{ id: 112, name: 'Sarah', age: 25 },
  122:{ id: 122, name: 'Kate', age: 22 },
  123:{ id: 123, name: 'Tom', age: 21 },
  125:{ id: 125, name: 'Emma', age: 24 }
}

이제 id로 배열의 데이터를 쉽게 조회하고 필요에 따라 사용할 수 있습니다.

더 많은 팁을 찾거나 내 다음 게시물을 사용할 수 있을 때 알림을 받고 싶다면 여기에서 Me Online을 팔로우하세요.

Reference

이 문제에 관하여(자바스크립트 배열을 객체로 자바스크립트에서 배열을 객체로 변환하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/afewminutesofcode/how-to-convert-an-array-into-an-object-in-javascript-25a4

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

자바스크립트 배열을 객체로 자바스크립트에서 배열을 객체로 변환하는 방법

Reference

좋은 웹페이지 즐겨찾기