Heim > Web-Frontend > js-Tutorial > Hauptteil

Was Sie bei Push-Methoden in JavaScript-Arrays beachten sollten

黄舟
Freigeben: 2017-10-31 10:06:03
Original
2101 Leute haben es durchsucht

Die

push()-Methode fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück. In diesem Artikel wird hauptsächlich die Verwendung der JavaScript-ArrayPush-Methode vorgestellt. Freunde, die sie benötigen, können sich auf die Push-Methode des

js-Arrays beziehen , aber es gibt einen sehr wichtigen Punkt, den es zu beachten gilt:

Zitiert von MDN

Rückgabewert

Wenn diese Methode verwendet wird aufgerufen, wird der neue Wert „length attribute“ zurückgegeben.

var sports = ["soccer", "baseball"];
var total = sports.push("football", "swimming");
console.log(sports); 
// ["soccer", "baseball", "football", "swimming"]
console.log(total); 
// 4
Nach dem Login kopieren

Nach einem Array-Push wird die Länge anstelle eines neuen Arrays zurückgegeben. Wenn Sie dies nicht wissen, werden Sie bei der Verwendung auf große Fallstricke stoßen.

Denken Sie übrigens an die Rückgabewerte mehrerer anderer Array-Methoden:

pop()

pop ()-Methode von löscht das letzte Element im Array und gibt den Wert dieses Elements zurück. Diese Methode ändert die Länge des Arrays. Die Methode „shift()“ entfernt das erste Element aus dem Array und gibt den Wert des Elements zurück. Diese Methode ändert die Länge des Arrays.

let a = [1, 2, 3];
a.length; // 3
a.pop(); // 3
console.log(a); // [1, 2]
a.length; // 2
arr.pop()返回值从数组中删除的元素(当数组为空时返回undefined)。
Nach dem Login kopieren

unshift()

let a = [1, 2, 3];
let b = a.shift();
console.log(a); 
// [2, 3]
console.log(b); 
// 1
返回值
从数组中删除的元素; undefined 如果数组为空。
arr.shift()
Nach dem Login kopieren

concat() Die concat()-Methode wird verwendet, um zwei oder mehr Arrays zusammenzuführen. Diese Methode ändert das vorhandene Array nicht, sondern gibt ein neues Array zurück. Die Methode splice() ändert die Größe eines Arrays, indem sie vorhandene Elemente entfernt und/oder neue Inhalte hinzufügt.

unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度。
let a = [1, 2, 3];
a.unshift(4, 5);
console.log(a);
// [4, 5, 1, 2, 3]
arr.unshift(element1, ..., elementN)
参数列表
element1, ..., elementN
要添加到数组开头的元素。
返回值
当一个对象调用该方法时,返回其 length 属性值。
Nach dem Login kopieren
Rückgabewert

Ein Array bestehend aus den gelöschten Elementen. Wenn nur ein Element entfernt wurde, wird ein Array zurückgegeben, das nur ein Element enthält. Wenn keine Elemente entfernt wurden, wird ein leeres Array zurückgegeben.

slice()

var arr1 = ['a', 'b', 'c'];
var arr2 = ['d', 'e', 'f'];
var arr3 = arr1.concat(arr2);
// arr3 is a new array [ "a", "b", "c", "d", "e", "f" ]
var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])
参数
valueN
将数组和/或值连接成新数组。
返回值
新的 Array 实例。
Nach dem Login kopieren

Die Methode „slice()“ gibt eine flache Kopie eines Teils des ausgewählten Arrays vom Anfang bis zum Ende (mit Ausnahme des Endes) zurück ) zu einem neuen Array-Objekt, das ursprüngliche Array wird nicht geändert. Rückgabewert:Ein neues Array mit den extrahierten Elementen

Zusammenfassung:

Beginnt mit Das Hinzufügen am Ende gibt die Länge des Arrays zurück. Das Löschen am Anfang und Ende von gibt das gelöschte Element zurück. concat gibt ein neues Array zurück;

slice gibt das extrahierte Array zurück;

Das obige ist der detaillierte Inhalt vonWas Sie bei Push-Methoden in JavaScript-Arrays beachten sollten. 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!