>  기사  >  웹 프론트엔드  >  키와 값 배열에서 JavaScript 개체를 어떻게 만들 수 있나요?

키와 값 배열에서 JavaScript 개체를 어떻게 만들 수 있나요?

DDD
DDD원래의
2024-10-25 01:09:02506검색

How Can I Build a JavaScript Object from Arrays of Keys and Values?

키와 값의 배열에서 객체 생성

JavaScript 영역에서는 키와 값의 배열에서 객체를 생성해야 하는 경우가 많습니다. 가치. 이 작업은 두 배열을 반복하고 그에 따라 요소를 매핑하는 간단한 알고리즘의 도움으로 처리할 수 있습니다.

이 프로세스를 설명하기 위해 newParamArr 및 paramVal이라는 두 개의 배열이 있는 예를 고려해 보겠습니다. newParamArr의 값은 생성하려는 객체의 키를 나타내고 paramVal의 값은 해당 키에 해당하는 값을 나타냅니다.

예를 들어 newParamArr에 ["Name", "Age" 값이 포함되어 있는 경우 , "Email"] 및 paramVal에는 ["Jon", 15, "example@email.com"] 값이 포함되어 있으므로 {이름: "Jon", 연령: 15, 이메일: "example 속성을 사용하여 개체를 생성하려고 합니다. @email.com"}.

다음 코드 조각은 이를 달성하는 방법을 보여줍니다.

<code class="javascript">var keys = ['Name', 'Age', 'Email'];
var values = ['Jon', 15, 'example@email.com'];

var result = Object.fromEntries(keys.map((key, i) => ([key, values[i]])));

console.log(result); // { Name: 'Jon', Age: 15, Email: 'example@email.com' }</code>

위 코드에서는 Object.fromEntries 메서드를 사용하여 개체를 구성합니다. 이 메소드는 반복 가능한 키-값 쌍을 취하고 지정된 키와 값이 있는 객체를 반환합니다.

키-값 쌍은 키 배열을 매핑하고 각 키를 화살표 함수(key, i)를 사용하여 값 배열 => ([key, value[i]]).

이 간단한 접근 방식을 사용하면 입력 배열의 길이나 내용에 관계없이 결과 객체가 항상 적절한 속성과 값을 갖게 됩니다.

위 내용은 키와 값 배열에서 JavaScript 개체를 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.