Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie Array-Daten in es6

So ändern Sie Array-Daten in es6

WBOY
WBOYOriginal
2022-04-26 10:08:072665Durchsuche

Änderungsmethode: 1. Verwenden Sie zum Ändern die Methode splice(), mit der der Inhalt des ursprünglichen Arrays direkt geändert werden kann. Die Syntax lautet „array.splice (Startposition, geänderte Nummer, geänderter Wert)“. Greifen Sie auf Array-Elemente zu und weisen Sie Werte neu zu, um Array-Daten zu ändern. Die Syntax lautet „array[subscript value]=modified value;“.

So ändern Sie Array-Daten in es6

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

So ändern Sie Array-Daten in es6

Methode 1: Verwenden Sie die splice()-Methode

splice()-Methode, um den Inhalt des Arrays zu ändern und neue Elemente hinzuzufügen, wenn alte Elemente gelöscht werden.

Syntax

array.splice(index, howMany, [element1][, ..., elementN]);

Parameterdetails

  • index – Beginnen Sie mit der Änderung des Index des Arrays.

  • howMany – eine Ganzzahl, die die Anzahl der alten Array-Elemente angibt, die entfernt werden sollen. Wenn howMany 0 ist, werden keine Elemente entfernt.

  • element1, ..., elementN – das Element, das dem Array hinzugefügt werden soll. Wenn keine Elemente angegeben sind, entfernt splice einfach Elemente aus dem Array.

Rückgabewert

Gibt das extrahierte Array basierend auf den übergebenen Parametern zurück.

Beispiel

var arr = ["orange", "mango", "banana", "sugar", "tea"];  
var removed = arr.splice(2, 0, "water");  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed); 
removed = arr.splice(3, 1);  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed);

Beim Kompilieren wird derselbe Code in JavaScript generiert.

Ausgabe

After adding 1: orange,mango,water,banana,sugar,tea 
removed is:  
After adding 1: orange,mango,water,sugar,tea 
removed is: banana

Methode 2: Greifen Sie über den Index auf das angegebene Element zu.

Greifen Sie auf das Array-Element zu und weisen Sie die Syntax neu zu:

数组名[指定下标值]=新值;

Das Ergebnis lautet;


So ändern Sie Array-Daten in es6 [Verwandte Empfehlungen:

Javascript-Video-Tutorial

, Web-Frontend]

Das obige ist der detaillierte Inhalt vonSo ändern Sie Array-Daten in es6. 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