Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in Array-Operationen in JavaScript_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:23:26
Original
1053 Leute haben es durchsucht

Das Array-Objekt in JavaScript verfügt über einige Methoden, mit denen Sie das Array bearbeiten können.

join()

Sie können die Methode „join()“ verwenden, um Mitglieder eines Arrays zu einer Zeichenfolge zusammenzufassen:


Code kopieren Der Code lautet wie folgt:

var o = [1,2,3];
console.log(o.join());//1,2,3
console.log(o.join(" "));//1 2 3
var emptyArray = neues Array(10);
console.log(emptyArray.join("-"));//----------


Wie Sie dem obigen Beispiel entnehmen können, verwendet JavaScript Kommas als Trennzeichen, um alle Mitglieder in einer Zeichenfolge zusammenzuführen, wenn die Methode join() Parameter akzeptiert. Wenn die Methode join() Parameter akzeptiert, wird dieser Parameter als Trennzeichen verwendet zu verwenden.

reverse()

Sie können die Methode reverse() verwenden, um die Reihenfolge der Mitglieder im Array umzukehren:


Code kopieren Der Code lautet wie folgt:

//reverse()
o.reverse();
console.log(o);//[3,2,1]


Wie Sie sehen, ändert sich nach dem Aufruf der reverse()-Anweisung das Array selbst.

Das Rückgabeergebnis der Ausführung der reverse()-Anweisung ist das geänderte Array-Objekt.

sort()

Sie können die Methode sort() verwenden, um die Mitglieder im Array zu sortieren (standardmäßig in alphabetischer Reihenfolge). Wie die reverse()-Anweisung ändert die sort()-Anweisung das Array selbst und gibt das geänderte Array-Objekt zurück:


Code kopieren Der Code lautet wie folgt:

var a = ["Phone", "Mobile",,,"Canon"];
a.sort();
console.log(a);//["Canon", "Mobile", "Phone", undefiniert, undefiniert]
var b = [33,44,111];
console.log(b.sort());//[111, 33, 44]
console.log(b.sort(function(a,b){return a-b}));//[33, 44, 111]


Wie Sie sehen, akzeptiert die sort()-Anweisung auch eine Funktion als Parameter, um eine benutzerdefinierte Sortierung zu implementieren.

concat()

Sie können die Methode concat() verwenden, um Arrays zu verketten:


Code kopieren Der Code lautet wie folgt:

var c = [1,2,3];
console.log(c.concat(4));//[1, 2, 3, 4]
console.log(c.concat(5,6));//[1, 2, 3, 5, 6]
console.log(c.concat([7,8]));//[1, 2, 3, 7, 8]
console.log(c.concat([9,10], [11,12]));//[1, 2, 3, 9, 10, 11, 12]
console.log(c.concat([42,43,[44,45]]));//[1, 2, 3, 42, 43, [44, 45]]
console.log(c);//[1, 2, 3]


Wie Sie sehen, gibt die concat()-Anweisung im Gegensatz zu reverse() und sort() nur das gespleißte Ergebnis zurück und führt zu keiner Änderung am Array selbst.

slice()

Sie können die Anweisung „slice()“ verwenden, um das Unterarray im Array abzurufen:

Code kopieren Der Code lautet wie folgt:

var d = [1,2,3,4,5,6];
console.log(d.slice(0,3));//[1,2,3]
console.log(d.slice(3,1));//[]

Wie concat() gibt die Anweisung Slice() nur das Ergebnis der Operation zurück und führt zu keiner Änderung am Array selbst. Für die beiden Parameter in der Slice()-Anweisung folgt JavaScript dem Prinzip „Vorher einschließen und danach ausschließen“: Das durch den ersten Parameter angegebene Array-Mitglied erscheint im Subarray, während das durch den zweiten Parameter angegebene Array-Mitglied in erscheint Das Subarray wird nicht angezeigt.

spleißen()

Sie können die splice()-Anweisung verwenden, um Einfügungs- und Löschvorgänge für das Array durchzuführen. Der erste Parameter gibt die Position des Einfüge- oder Knockout-Elements (Positionselement) an, der zweite Parameter gibt die Anzahl der Knockout-Elemente an (beginnend mit dem Knockout vom Positionselement). Ab dem dritten Parameter werden alle Parameter in das Array eingefügt ( vor dem Positionsmitglied einfügen). Das von der splice()-Anweisung zurückgegebene Ergebnis ist ein Array, das aus den gelöschten Array-Mitgliedern besteht. Im Gegensatz zu concat() und Slice() ändert splice() das Array selbst.


Code kopieren Der Code lautet wie folgt:

var e = [1,2,3,4,5,6,7];
console.log(e.splice(1,2));//[2,3]
console.log(e);//[1,4,5,6,7]
console.log(e.length);//5
e.splice(1,0,2,3,[4,5]);
console.log(e);//[1, 2, 3, [4, 5], 4, 5, 6, 7]
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