Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie ändere ich Schlüsselnamen in einem Array von Objekten mithilfe der JavaScript-Manipulation?

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

How to Change Key Names in an Array of Objects Using JavaScript Manipulation?

Schlüsselnamen in einem Array von Objekten ändern

Das Ändern von Schlüsselnamen in einem Array von Objekten erfordert eine clevere JavaScript-Manipulation. Sehen wir uns an, wie Sie dies erreichen können:

In modernem JavaScript können Sie Destrukturierung mit Rest-Syntax, Spread-Syntax und Array-Mapping verwenden, um bestimmte Schlüsselnamen in Ihrem Objekt-Array auszutauschen.

So funktioniert es:

<code class="javascript">const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];

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

console.log(newArrayOfObj);</code>
Nach dem Login kopieren

In diesem Beispiel haben wir ein Array von Objekten mit „key1“ und „key2“ als Eigenschaftsnamen. Wir ordnen jedes Objekt zu und destrukturieren die Eigenschaft „key1“ in eine neue Variable mit dem Namen „Stroke“, wobei wir den Rest-Operator verwenden, um die verbleibenden Eigenschaften zu erfassen.

Das Ergebnis ist ein neues Array von Objekten, in denen sich „key1“ befand durch „Strich“ ersetzt, während die anderen Eigenschaften erhalten bleiben.

Diese Technik bietet eine prägnante und elegante Möglichkeit, Schlüsselnamen in Ihrem Objektarray zu ändern und ermöglicht so eine flexible und dynamische Datenbearbeitung.

Das obige ist der detaillierte Inhalt vonWie ändere ich Schlüsselnamen in einem Array von Objekten mithilfe der JavaScript-Manipulation?. 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!