Umbenennen von Schlüsselnamen in Arrays von Objekten

In Javascript kann es vorkommen, dass Sie die Schlüsselnamen in einem Array von Objekten ändern müssen. Konvertieren Sie beispielsweise „key1“ in „Stroke:

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

Um den Schlüssel zu ändern, führen Sie die folgenden Schritte aus:

1. Destrukturierung mit Rest-Syntax:
   Extrahieren Sie das alte Schlüssel-Wert-Paar und benennen Sie den Schlüssel um wie gezeigt:

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

2. Spread-Syntax:
   Verwenden Sie die Spread-Syntax, um die verbleibenden Schlüssel-Wert-Paare in ein neues Objekt zu kopieren:

   ({
     stroke,
     ...rest
   })

3. Array Map:
   Wenden Sie diese Änderungen auf jedes Objekt im Array mit map() an:

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

Beispiel:

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

console.log(newArrayOfObj);

Ausgabe:

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