Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Susan Sarandon
Freigeben: 2024-10-18 19:17:03
Original
796 Leute haben es durchsucht

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'}];
Nach dem Login kopieren

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'}];
Nach dem Login kopieren

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);
Nach dem Login kopieren

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!

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
Neueste Artikel des Autors
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!