JavaScript에서 키-값 쌍을 사용하여 객체 배열을 단일 객체로 어떻게 변환합니까?

JavaScript에서 객체 배열을 키-값 쌍이 있는 객체로 변환

JavaScript에서 객체 배열을 키-값 쌍이 있는 단일 객체로 변환 고급 배열 조작 기술을 사용해야 합니다. 브라우저 호환 방식으로 이를 달성하는 방법을 살펴보겠습니다.

시작하려면 입력 배열의 구조를 이해해 보겠습니다.

var arr = [{"name1":"value1"},{"name2":"value2"},...];

이 배열에는 각각 하나의 키가 있는 여러 개체가 포함되어 있습니다. -값 쌍. 우리의 목표는 배열에 있는 모든 객체의 키-값 쌍을 병합하는 객체를 생성하는 것입니다.

Object.sign() 및 Spread 구문 사용

가장 현대적이고 브라우저 호환 가능한 솔루션 스프레드 구문(...)과 함께 Object.ass() 메서드를 사용하는 것입니다. Object.sign()은 여러 소스 객체의 속성을 대상 객체로 병합합니다. arr 배열에 스프레드 구문을 사용하면 모든 객체를 단일 소스로 병합하여 평면화할 수 있습니다.

var array = [{ name1: "value1" }, { name2: "value2" }],
    object = Object.assign({}, ...array);

console.log(object); // {name1: "value1", name2: "value2"}

이 예에서 Object.sign()은 배열을 병합하여 새 객체(객체)를 생성합니다. 확산 구문(...array)으로 생성된 평면화된 배열이 있는 빈 객체 {}입니다. 이는 arr 배열에 있는 객체의 모든 키-값 쌍을 단일 객체로 결합합니다.

이전 브라우저 지원

Object.sign( ) 또는 스프레드 구문을 사용하는 경우 폴리필을 사용하여 이러한 메서드를 제공할 수 있습니다. 또한 동일한 결과를 얻기 위해 Reduce() 또는 for 루프를 사용하는 등의 다른 대체 방법도 있습니다. 그러나 이러한 접근 방식은 효율성이 떨어지거나 더 많은 코드가 필요할 수 있습니다.

위 내용은 JavaScript에서 키-값 쌍을 사용하여 객체 배열을 단일 객체로 어떻게 변환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!