如何在 JavaScript 中使用 Object.fromEntries() 將可迭代物件轉換為物件

JavaScript 開發中經常需要處理鍵值對。 ECMAScript 2019 引入的 Object.fromEntries() 方法簡化了這個過程，讓您可以輕鬆地將可迭代物件（如陣列或 Map）轉換為普通物件。此方法在處理 Map 物件或轉換包含鍵值對的資料結構時非常有用。

文法與用法:

Object.fromEntries() 方法的語法很簡單：

Object.fromEntries(iterable);

範例:

<code class="language-javascript">const entries = [['name', 'John'], ['age', 30], ['city', 'New York']];
const obj = Object.fromEntries(entries);
console.log(obj);
// 输出: { name: 'John', age: 30, city: 'New York' }</code>

在這個例子中，Object.fromEntries() 方法將一個包含鍵值對的二維陣列轉換為一個物件。

實際應用:

• 將 Map 轉換為物件: 如果您有一個 Map 物件並希望將其轉換為普通對象，Object.fromEntries() 提供了一個簡單的解決方案。

<code class="language-javascript">const map = new Map([
  ['name', 'Alice'],
  ['age', 25]
]);

const userObj = Object.fromEntries(map);
console.log(userObj); // { name: 'Alice', age: 25 }</code>

• 過濾鍵值對: 您可以將 Object.fromEntries() 與其他陣列方法結合使用，在將鍵值對轉換為物件之前對其進行過濾和修改。

<code class="language-javascript">const data = [
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'Paris']
];

const filteredData = Object.fromEntries(
  data.filter(([key, value]) => key !== 'age')
);

console.log(filteredData); // { name: 'Alice', city: 'Paris' }</code>

性能考量:

Object.fromEntries() 適用於典型的用例，例如將 Map 或鍵值對陣列轉換為物件。但是，當處理非常大的資料集時，效能可能會成為問題。在這種情況下，建議根據具體需求測試和優化程式碼。

相容性與瀏覽器支援:

Object.fromEntries() 方法受以下瀏覽器和環境支援：

• Chrome 73
• Firefox 68
• Safari 12.1
• Node.js 12

如果您需要相容於舊版瀏覽器，請考慮使用 polyfill 來確保相容性。

以上是如何在 JavaScript 中使用 Object.fromEntries() 將可迭代物件轉換為物件的詳細內容。更多資訊請關注PHP中文網其他相關文章！