Heim > Web-Frontend > js-Tutorial > Hauptteil

So fügen Sie in Javascript Elemente zu einem Array hinzu

青灯夜游
Freigeben: 2022-10-12 17:50:54
Original
61004 Leute haben es durchsucht

Methoden zum Hinzufügen von Elementen: 1. Verwenden Sie die Funktion unshift(), um Elemente am Anfang des Arrays einzufügen. 2. Verwenden Sie die Funktion push(), um Elemente am Ende des Arrays einzufügen. 3. Verwenden Sie concat(). Funktion zum Einfügen von Elementen am Ende des Arrays; 4. Mit der Funktion splice() werden Elemente an einer beliebigen Position basierend auf dem Array-Index hinzugefügt.

So fügen Sie in Javascript Elemente zu einem Array hinzu

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

Javascript fügt dem Array Elemente hinzu

Methode 1: Verwenden Sie die Funktion „unshift()“

Verwenden Sie die Funktion „unshift()“, um Elemente am Anfang des Arrays einzufügen Parameterwerte bis Der Kopf des Arrays:

array.unshift(元素1, 元素2, ..., 元素X)
Nach dem Login kopieren

Der erste Parameter Element 1 ist das neue Element 0 des Arrays und der zweite Parameter Element 2 ist Das neue Element ist also 1. Analog dazu wird schließlich die Länge des Arrays nach dem Hinzufügen von Elementen zurückgegeben. 元素1 为数组新的元素 0,第 2 个参数 元素2 为新的元素 1,以此类推,最后返回添加元素后的数组长度。

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1,2);  //一次性增加两个元素
console.log(a);  //返回[1,2,0]

var a = [0];
a.unshift(1);  //增加元素1
a.unshift(2);  //增加元素2
console.log(a);  //返回[2,1,0]
Nach dem Login kopieren

可以看出:我们使用a.unshift(1,2)来在a数组的开头按顺序插入两个数值1、2;使用a.unshift(1)在a数组的开头插入数值1,又在此基础上使用a.unshift(2)在开头(即数值1前)插入数值2。因此输出结果为:

So fügen Sie in Javascript Elemente zu einem Array hinzu

方法2:使用push()函数

push()方法能够把一个或多个参数值附加到数组的尾部,并返回添加元素后的数组长度。

array.push(元素1, 元素2, ..., 元素X)
Nach dem Login kopieren

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(1,2);  //一次性增加两个元素
console.log(a);  //返回[0,1,2]

var a = [0];
a.push(1);  //增加元素1
a.push(2);  //增加元素2
console.log(a);  //返回0,1,2]
Nach dem Login kopieren

可以看出:我们使用a.push(1,2)在a数组的尾部按顺序插入两个数值1、2;使用a.push(1)在a数组的尾部插入数值1,又在此基础上使用a.push(2)在尾部(即数值1后)插入一个数值2。因此输出结果为:

So fügen Sie in Javascript Elemente zu einem Array hinzu

方法3、使用concat() 函数

在数组末尾插入元素除了可以使用push()函数,还可利用concat()函数。

concat() 方法也可以插入给定的一个或多个元素,能够把传递的所有参数按顺序添加到数组的尾部。

var a = [1,2,3,4,5];  //定义数组
var b = a.concat(6,7,8);  //为数组a连接3个元素
console.log(b);  //返回[1,2,3,4,5,6,7,8]
Nach dem Login kopieren

输出结果为:

So fügen Sie in Javascript Elemente zu einem Array hinzu

说明:concat() 方法将创建并返回一个新数组,而不是在原来的基础上添加新元素。

方法4:使用splice() 函数

如何想要在指定下标位置插入一个或多个元素要怎么做呢?

答案是:可以使用 splice() 方法。

array.splice(index,howmany,item1,.....,itemX)的第1个参数index为指定起始下标位置;第2个参数howmany指定应该删除的元素数目,当值设置为0时,就会不执行删除操作;这样就可以通过第3个及后面参数item1,.....,itemX来插入一个或多个元素。

我们通过下面的例子来具体看看:

var a = [1,2,3,4,5];
a.splice(1,0,"hello");
console.log(a);
Nach dem Login kopieren

可以看出:使用a.splice(1,0,"hello")在下标1的位置(即数组第1个元素位置后)插入一个元素"hello",因此输出结果为:

So fügen Sie in Javascript Elemente zu einem Array hinzu

var a = [1,2,3,4,5];
a.splice(2,0,"hello","hi",8);
console.log(a);
Nach dem Login kopieren

可以看出:使用a.splice(2,0,"hello","hi",8)在下标2的位置(即数组第2个元素位置后)插入多个元素"hello"、"hi"、8,因此输出结果为:

So fügen Sie in Javascript Elemente zu einem Array hinzu

使用splice() 方法也可以实现在数组开头或者结尾添加元素:

var a = [1,2,3,4,5];
a.splice(0,0,"hello");
a.splice(a.length,0,"hi");
console.log(a);
Nach dem Login kopieren

如果想要在数组开头添加元素,就设置该方法第1个参数index的值为0即可;如果想要在数组末尾添加元素,就设置该方法第1个参数index的值为 数组长度   即可,数组长度可以使用a.length
Schauen wir uns das folgende Beispiel genauer an:

rrreee

Man erkennt Folgendes: Wir verwenden a.unshift(1,2), um zwei Werte ​​1 und 1 einzufügen order am Anfang des a-Arrays. Verwenden Sie a.unshift(1), um den Wert 1 am Anfang des a-Arrays einzufügen, und verwenden Sie dann a.unshift(2), um den einzufügen Wert 2 am Anfang (also vor dem Wert 1). Das Ausgabeergebnis lautet also:

So fügen Sie in Javascript Elemente zu einem Array hinzu So fügen Sie in Javascript Elemente zu einem Array hinzu

Methode 2: Verwenden Sie die Funktion push()

Die Methode push() kann einen oder mehrere Parameterwerte an das Ende des Arrays anhängen und die Array-Länge nach dem Hinzufügen von Elementen zurückgeben.

rrreee🎜Schauen wir uns das folgende Beispiel genauer an: 🎜rrreee🎜Man erkennt Folgendes: Wir verwenden a.push(1,2), um zwei Werte 1 und 1 nacheinander einzufügen am Ende des a-Arrays. 2; Verwenden Sie a.push(1), um den Wert 1 am Ende des a-Arrays einzufügen, und verwenden Sie dann a.push(2), um den Wert 1 am Ende einzufügen (d. h. den Wert 1. Danach) fügen Sie einen Wert 2 ein. Das Ausgabeergebnis lautet also: 🎜🎜<img src="https://img.php.cn/upload/image/418/741/822/162917899446806So%20f%C3%BCgen%20Sie%20in%20Javascript%20Elemente%20zu%20einem%20Array%20hinzu" title="162917899446806So fügen Sie in Javascript Elemente zu einem Array hinzu" alt="So fügen Sie in Javascript Elemente zu einem Array hinzu ">🎜🎜🎜Methode 3. Verwenden Sie die Funktion concat()🎜🎜🎜Zusätzlich zur Verwendung der Funktion push() können Sie auch die Funktion concat() verwenden, um Elemente am Ende des Arrays einzufügen. Die Methode 🎜🎜concat() kann auch ein oder mehrere bestimmte Elemente einfügen und alle übergebenen Parameter der Reihe nach am Ende des Arrays hinzufügen. 🎜🎜rrreee🎜Das Ausgabeergebnis ist: 🎜🎜<img src="https://img.php.cn/upload/image/130/681/196/1629179419390450.png" title="1629179419390450.png" alt=" 4 .png">🎜🎜Hinweis: Die concat()-Methode erstellt ein neues Array und gibt es zurück, anstatt dem Original neue Elemente hinzuzufügen. 🎜🎜🎜Methode 4: Verwenden Sie die Funktion splice() 🎜🎜🎜Wie füge ich ein oder mehrere Elemente an einer bestimmten tiefgestellten Position ein? 🎜🎜Die Antwort lautet: 🎜Sie können die splice()-Methode verwenden. Der erste Parameter <code>index von 🎜🎜🎜array.splice(index,howmany,item1,...,itemX) gibt die Startposition des Index an; die beiden Parameter howmany gibt die Anzahl der Elemente an, die gelöscht werden sollen. Wenn der Wert auf 0 gesetzt ist, wird der Löschvorgang nicht auf diese Weise durchgeführt, der dritte und die folgenden Parameter item1,... .. ,itemX um ein oder mehrere Elemente einzufügen. 🎜🎜Schauen wir uns das folgende Beispiel genauer an: 🎜rrreee🎜Man sieht Folgendes: Verwenden Sie a.splice(1,0,"hello") an der Position von Index 1 (d. h. der (das erste an der Position des Array-Elements) fügt ein Element „hello“ ein, sodass das Ausgabeergebnis wie folgt lautet: 🎜🎜🎜So fügen Sie in Javascript Elemente zu einem Array hinzu🎜rrreee🎜Es ist zu sehen: use a.splice(2,0,"hello", „hi“,8) Fügen Sie mehrere Elemente „hello“, „hi“, 8, das Ausgabeergebnis lautet also: 🎜🎜<img src="https://img.php.cn/upload/image/339/868/365/1629184123988638.png" title="1629184123988638.png" alt=" So fügen Sie in Javascript Elemente zu einem Array hinzu">🎜🎜Mit der splice()-Methode können Sie auch Elemente am Anfang oder Ende des Arrays hinzufügen: 🎜rrreee🎜Wenn Sie Elemente am hinzufügen möchten Setzen Sie am Anfang des Arrays den Wert des ersten Parameterindex der Methode auf 0, d. h. Ja. Wenn Sie Elemente am Ende des Arrays hinzufügen möchten, setzen Sie einfach den Wert des ersten Parameterindex dieser Methode auf Array-Länge Die Array-Länge kann mit a.length Get ermittelt werden. 🎜🎜🎜Werfen wir einen Blick auf die Ausgabe: 🎜🎜🎜🎜🎜🎜[Lernempfehlung: 🎜Javascript-Tutorial für Fortgeschrittene🎜]🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie in Javascript Elemente zu einem Array hinzu. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!