Heim >Web-Frontend >js-Tutorial >Wie ändere ich Schlüsselnamen in Objektarrays mit modernem JavaScript?

Wie ändere ich Schlüsselnamen in Objektarrays mit modernem JavaScript?

Susan Sarandon
Susan SarandonOriginal
2024-10-18 19:17:03886Durchsuche

How to Alter Key Names in Object Arrays Using Modern JavaScript?

Ändern von Schlüsselnamen in Objektarrays

In der Welt von JavaScript ist die Fähigkeit, Objekte und Arrays zu manipulieren, von entscheidender Bedeutung. Eine solche Aufgabe besteht darin, den Tastennamen in einem Array von Objekten zu ändern.

Betrachten Sie beispielsweise ein Array von Objekten:

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

Ihr Ziel ist es, jede Taste1 in einen Strich umzuwandeln, was zu Folgendem führt: die folgende Ausgabe:

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

In modernem JavaScript bietet eine Kombination aus Destrukturierung, Restsyntax, Spread-Syntax und Array-Map eine elegante Lösung:

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

console.log(newArrayOfObj);

Diese Technik nutzt die Destrukturierung Extrahieren Sie key1 als Strich und kombinieren Sie ihn mit den übrigen Eigenschaften mithilfe des Spread-Operators. Die Map-Methode wird dann auf jedes Objekt im Array angewendet, was zu einem neuen Array mit geänderten Schlüsselnamen führt.

Durch das Verständnis dieses Ansatzes können Sie Schlüssel in Objektarrays effektiv umbenennen, was vielseitige Optionen zum Organisieren und Öffnen eröffnet Manipulation Ihrer Datenstrukturen.

Das obige ist der detaillierte Inhalt vonWie ändere ich Schlüsselnamen in Objektarrays mit modernem JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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