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

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

Pour modifier 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 les 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'
}]