Comment modifier les noms de clés dans les tableaux d'objets à l'aide de JavaScript moderne ?

Modification des noms de clés dans les tableaux d'objets

Dans le monde de JavaScript, la capacité de manipuler des objets et des tableaux est cruciale. L'une de ces tâches consiste à changer le nom de la clé dans un tableau d'objets.

Par exemple, considérons un tableau d'objets :

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];

Votre objectif est de transformer chaque clé1 en trait, ce qui entraîne le résultat suivant :

var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}];

Dans le JavaScript moderne, une combinaison de déstructuration, de syntaxe de repos, de syntaxe de propagation et de mappage de tableau fournit une solution élégante :

const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];
const newArrayOfObj = arrayOfObj.map(({
  key1: stroke,
  ...rest
}) => ({
  stroke,
  ...rest
}));

console.log(newArrayOfObj);

Cette technique exploite la déstructuration pour extrayez la clé 1 sous forme de trait et combinez-la avec les propriétés restantes à l'aide de l'opérateur de propagation. La méthode map est ensuite appliquée à chaque objet du tableau, ce qui donne lieu à un nouveau tableau avec des noms de clés modifiés.

En comprenant cette approche, vous pouvez renommer efficacement les clés dans les tableaux d'objets, ouvrant ainsi des options polyvalentes pour organiser et manipuler vos structures de données.

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!