JavaScript >> Javascript 文檔 >  >> Tags >> object

如何在 JavaScript 中將對像數組轉換為對象

將對像數組轉換為具有所有鍵值對的單個對象的最快方法是使用 Object.assign() 方法以及擴展運算符語法(... )。

Object.assign() 方法是在 ES6(ESMAScript 2015)中引入的,它將一個或多個源對象的所有可枚舉自身屬性複製到目標對象,並返回目標對象。

她就是一個例子:

const fruits = [{ apple: '🍎' }, { banana: '🍌' }, { orange: '🍊' }];

// Merge all array objects into single object
const allFruits = Object.assign({}, ...fruits);

// Print fruits
console.log(allFruits);

// { apple: '🍎', banana: '🍌', orange: '🍊' }

請注意,屬性會被數組中稍後具有相同屬性的對象覆蓋:

// Array with duplicate object keys
const fruits = [{ apple: '🍎' }, { banana: '🍌' }, { orange: '🍊' }, { apple: '🍏' }];

// Merge all array objects into single object
const allFruits = Object.assign({}, ...fruits);

// Print fruits
console.log(allFruits);

// { apple: '🍏', banana: '🍌', orange: '🍊' }

查看這篇文章,了解更多關於在 JavaScript 中合併對象的不同方法。要在 JavaScript 中展平數組,請查看這篇文章。


Tutorial JavaScript 教程
  1. 用於搜索引擎樣式搜索的 JavaScript 庫?

  2. 重構:萬物皆有類?

  3. beCoditive API

  4. 如何在 React 中為組件的入口和出口設置動畫

  5. 學士學位論文

  6. 補習:如何在 UI Builder 中實現漢堡菜單

  7. 解決承諾後如何從 Promise 對像中獲取值

  1. 帶有 Twilio 和 Flic 按鈕的短信確認

  2. WordPress 緩存 – Kinsta 處理它,所以你不必

  3. 如何將 HTML 元素下載為圖像。名片設計師

  4. 使用 JavaScript 對 HTML 表格進行排序

  5. 用於生成可選 Node.js 樣板的 CLI

  6. 讓 javascript 與眾不同的東西,原型繼承

  7. 切換到 cypress-testing-library

  1. Cogear.JS — 現代靜態網站生成器

  2. 使用 Vuejs 動態添加/刪除輸入字段

  3. 工具和測試體驗的設計

  4. 可訪問 Web 組件指南