Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie benenne ich Schlüsselnamen in Arrays von Objekten in JavaScript um?

DDD
Freigeben: 2024-10-18 19:12:03
Original
841 Leute haben es durchsucht

How to Rename Key Names in Arrays of Objects in JavaScript?

Schlüsselnamen in Arrays von Objekten umbenennen

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

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];
Nach dem Login kopieren

Um die Taste 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 wie gezeigt um:

    ({
      key1: stroke,
      ...rest
    }) 
    Nach dem Login kopieren
  2. Spread-Syntax:
    Verwenden Sie die Spread-Syntax, um die zu kopieren verbleibende Schlüssel-Wert-Paare in ein neues Objekt:

    ({
      stroke,
      ...rest
    })
    Nach dem Login kopieren
  3. Array-Zuordnung:
    Wenden Sie diese Änderungen mit map() auf jedes Objekt im Array an :

    arrayOfObj.map(({
      key1: stroke,
      ...rest
    }) => ({
      stroke,
      ...rest
    }))
    Nach dem Login kopieren

Beispiel:

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

console.log(newArrayOfObj);
Nach dem Login kopieren

Ausgabe:

[{
  stroke: 'value1',
  key2: 'value2'
}, {
  stroke: 'value1',
  key2: 'value2'
}]
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie benenne ich Schlüsselnamen in Arrays von Objekten in JavaScript um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!