Comment convertir des itérables en objets à l'aide de Object.fromEntries() en JavaScript

Les paires clé-valeur sont souvent traitées dans le développement JavaScript. La méthode Object.fromEntries() introduite dans ECMAScript 2019 simplifie ce processus, vous permettant de convertir facilement des objets itérables (tels que des tableaux ou des cartes) en objets ordinaires. Cette méthode est utile lorsque vous travaillez avec des objets Map ou lorsque vous transformez des structures de données contenant des paires clé-valeur.

Grammaire et usage :

Object.fromEntries() La syntaxe de la méthode est simple :

Object.fromEntries(iterable);

Exemple :

<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>

Dans cet exemple, la méthode Object.fromEntries() convertit un tableau bidimensionnel contenant des paires clé-valeur en un objet.

Application pratique :

• Convertir la carte en objet : Si vous avez un objet Map et que vous souhaitez le convertir en un objet normal, Object.fromEntries() fournit une solution simple.

<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>

• Filtrer les paires clé-valeur : Vous pouvez utiliser Object.fromEntries() en conjonction avec d'autres méthodes de tableau pour filtrer et modifier les paires clé-valeur avant de les convertir en objets.

<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>

Considérations relatives aux performances :

Object.fromEntries() convient aux cas d'utilisation typiques, tels que la conversion d'une carte ou d'un tableau de paires clé-valeur en un objet. Cependant, les performances peuvent devenir un problème lorsqu’il s’agit de très grands ensembles de données. Dans ce cas, il est recommandé de tester et d'optimiser le code en fonction de besoins spécifiques.

Compatibilité et prise en charge du navigateur :

Object.fromEntries() est prise en charge par les navigateurs et environnements suivants :

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

Si vous avez besoin d'une compatibilité avec des navigateurs plus anciens, veuillez envisager d'utiliser un polyfill pour garantir la compatibilité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!