Comment renommer les noms de clés dans des tableaux d'objets en JavaScript ?

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

En Javascript, vous pouvez rencontrer le besoin de modifier les noms de clés dans un tableau d'objets. Par exemple, convertir key1 en trait :

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

Pour changer la clé, suivez les étapes suivantes :

1. Déstructuration avec la syntaxe Rest :
   Extrayez l'ancienne paire clé-valeur et renommez la clé comme indiqué :

   ({
     key1: stroke,
     ...rest
   }) 

2. Syntaxe de propagation :
   Utilisez la syntaxe de propagation pour copier le paires clé-valeur restantes dans un nouvel objet :

   ({
     stroke,
     ...rest
   })

3. Array Map :
   Appliquez ces modifications à chaque objet du tableau à l'aide de map() :

   arrayOfObj.map(({
     key1: stroke,
     ...rest
   }) => ({
     stroke,
     ...rest
   }))

Exemple :

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

console.log(newArrayOfObj);

Sortie :

[{
  stroke: 'value1',
  key2: 'value2'
}, {
  stroke: 'value1',
  key2: 'value2'
}]

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!