Heim > Web-Frontend > js-Tutorial > Welche Möglichkeiten gibt es, in JavaScript Elemente am Ende eines Arrays hinzuzufügen?

Welche Möglichkeiten gibt es, in JavaScript Elemente am Ende eines Arrays hinzuzufügen?

青灯夜游
Freigeben: 2021-10-20 17:56:04
Original
18358 Leute haben es durchsucht

Methode hinzufügen: 1. Verwenden Sie die Methode push(), Syntax „array.push(element 1, element 2,..., element X)“; 2. Verwenden Sie die Methode splice(), Syntax „array.splice(arr. Länge,0,Element 1,...,Element X)".

Welche Möglichkeiten gibt es, in JavaScript Elemente am Ende eines Arrays hinzuzufügen?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methoden zum Hinzufügen von Elementen am Ende des Arrays in JavaScript

1, push()-Methode kann ein oder mehrere Elemente am Ende des Arrays hinzufügen und die neue Länge zurückgeben.

 1), Syntax:

arrayObject.push(newelement1,newelement2,....,newelementX)
Nach dem Login kopieren
ParameterBeschreibung
newelement1Erforderlich. Das erste Element, das dem Array hinzugefügt wird.
newelement2Optional. Das zweite Element, das dem Array hinzugefügt werden soll.
newelementXOptional. Es können mehrere Elemente hinzugefügt werden.

 2), Rückgabewert:

  Die neue Länge nach dem Hinzufügen des angegebenen Werts zum Array.

  3) Beschreibung:

  Die push()-Methode kann ihre Parameter der Reihe nach am Ende von arrayObject hinzufügen. Es ändert das ArrayObject direkt, anstatt ein neues Array zu erstellen.

 4), Beispiel:

var arr = new Array(3)
arr[0] = "ZhangQian"
arr[1] = "LinFang"
arr[2] = "HaiKun"

console.log(arr);// ["ZhangQian","LinFang","HaiKun"]
console.log(arr.push("C"));// 4
console.log(arr);// ["ZhangQian","LinFang","HaiKun","C"]
console.log(arr.push("A","B"));// 6
console.log(arr);// ["ZhangQian","LinFang","HaiKun","A","B","C"]
Nach dem Login kopieren

2, splice()-Methode fügt dem Array Elemente hinzu/entfernt sie und gibt dann das gelöschte Element zurück.

 1), Syntax:

arrayObject.splice(index,howmany,item1,.....,itemX)
Nach dem Login kopieren
ParameterBeschreibung
Indexerforderlich. Eine Ganzzahl, die die Position angibt, an der ein Element hinzugefügt/entfernt werden soll. Verwenden Sie eine negative Zahl, um die Position vom Ende des Arrays anzugeben.
wievieleerforderlich. Die Anzahl der zu löschenden Elemente. Bei der Einstellung 0 werden Elemente nicht gelöscht.
item1, ..., itemXoptional. Dem Array wurden neue Elemente hinzugefügt.

 2), Rückgabewert:

Typ Beschreibung
ArrayEin neues Array, das die gelöschten Elemente enthält, falls vorhanden.

 3), Beschreibung:

  Die splice()-Methode kann null oder mehr Elemente beginnend mit dem Index löschen und diese durch einen oder mehrere Werte ersetzen, die in der Parameterliste des gelöschten Elements deklariert sind.

 Wenn ein Element aus arrayObject gelöscht wird, wird das Array zurückgegeben, das das gelöschte Element enthält. Die Methode

 splice() ändert das Array direkt.

  4), Beispiel:

var arr = ["A","ZhangQian","LinFang","HaiKun"];

arr.splice(1,0,"B","C");
console.log(arr);
arr.splice(arr.length,0,"D","C");
console.log(arr);
Nach dem Login kopieren

Welche Möglichkeiten gibt es, in JavaScript Elemente am Ende eines Arrays hinzuzufügen?

Wenn Sie die splice()-Methode verwenden möchten, um Elemente am Ende des Arrays hinzuzufügen, muss der Indexwert auf das Array festgelegt werden Längenwert.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, in JavaScript Elemente am Ende eines Arrays hinzuzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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