>  기사  >  웹 프론트엔드  >  키-값 배열을 JavaScript 객체로 결합하는 방법은 무엇입니까?

키-값 배열을 JavaScript 객체로 결합하는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-10-25 02:44:29630검색

How to Combine Key-Value Arrays into a JavaScript Object?

키-값 배열을 JavaScript 객체로 결합

하나는 키를 포함하고 다른 하나는 값을 포함하는 두 개의 배열에서 객체를 생성하는 것은 JavaScript의 일반적인 작업입니다. 이를 통해 각 키-값 쌍을 수동으로 지정하지 않고도 객체를 빠르게 생성할 수 있습니다.

해결책:

newParamArr 및 paramVal 배열을 객체로 결합하려면 forEach 메서드와 간결한 화살표 함수를 사용할 수 있습니다.

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

const result = {};
keys.forEach((key, i) => result[key] = values[i]);

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

이 솔루션은 화살표 함수와 함께 forEach 메서드를 사용하여 두 배열을 반복하여 각 요소에 대해 새로운 키-값 쌍을 생성합니다. i 변수는 현재 요소의 인덱스를 나타내므로 두 배열 모두에서 해당 값에 액세스할 수 있습니다.

최적화:

배열에 수천 또는 수백만이 포함될 수 있는 경우 요소의 경우 다음과 같은 최적화된 버전을 사용하여 메모리 할당을 최소화하고 성능을 향상시킬 수 있습니다.

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

let result = {};
for (let i = 0, len = keys.length; i < len; i++) {
  result[keys[i]] = values[i];
}</code>

forEach 대신 for 루프를 사용하고 배열 길이를 미리 계산함으로써 이 솔루션은 불필요한 메모리를 크게 줄입니다. 할당하고 반복 속도를 향상시킵니다.

위 내용은 키-값 배열을 JavaScript 객체로 결합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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