JavaScript で Object.fromEntries() を使用して Iterable をオブジェクトに変換する方法

キーと値のペアは、JavaScript 開発でよく処理されます。 ECMAScript 2019 で導入された Object.fromEntries() メソッドはこのプロセスを簡素化し、反復可能なオブジェクト (配列やマップなど) を通常のオブジェクトに簡単に変換できるようにします。このメソッドは、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() メソッドは、キーと値のペアを含む 2 次元配列をオブジェクトに変換します。

実際の応用:

• マップをオブジェクトに変換: 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() メソッドは、次のブラウザと環境でサポートされています:

• クロム 73
• Firefox 68
• Safari 12.1
• Node.js 12

古いブラウザとの互換性が必要な場合は、互換性を確保するためにポリフィルの使用を検討してください。

以上がJavaScript で Object.fromEntries() を使用して Iterable をオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。