首頁 > web前端 > js教程 > 主體

如何將鍵值數組組合成 JavaScript 物件?

Susan Sarandon
發布: 2024-10-25 02:44:29
原創
623 人瀏覽過

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>
登入後複製

透過使用for 循環而不是forEach,並預先計算數組長度,該解決方案顯著減少了不必要的記憶體分配並提高迭代速度。

以上是如何將鍵值數組組合成 JavaScript 物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板