배열을 객체로 그룹화하기

소개

이 랩에서는 JavaScript 를 사용하여 배열을 객체로 그룹화하는 방법을 살펴봅니다. 특히, 유효한 프로퍼티 식별자 배열과 값 배열이 주어졌을 때, Array.prototype.reduce() 메서드를 사용하여 객체의 값에 프로퍼티를 연결하는 방법을 배웁니다. 또한 두 배열의 길이가 다를 경우를 처리하는 방법도 배웁니다. 이 랩을 마치면 JavaScript 에서 객체와 배열을 조작하는 방법에 대한 더 깊은 이해를 얻게 될 것입니다.

배열을 객체로 그룹화하는 방법

배열을 객체로 그룹화하려면 다음 단계를 따르세요.

1. 터미널 또는 SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. Array.prototype.reduce() 메서드를 사용하여 두 배열로부터 객체를 생성합니다.
3. 유효한 프로퍼티 식별자 배열과 값 배열을 제공합니다.
4. 프로퍼티 배열의 길이가 값 배열보다 길면, 나머지 키는 undefined로 설정됩니다.
5. 값 배열의 길이가 프로퍼티 배열보다 길면, 나머지 값은 무시됩니다.

다음은 배열을 객체로 그룹화하는 방법을 보여주는 코드 예제입니다.

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

zipObject(["a", "b", "c"], [1, 2]); // {a: 1, b: 2, c: undefined}
zipObject(["a", "b"], [1, 2, 3]); // {a: 1, b: 2}

요약

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