Teile praktischer Betriebstechniken für Array in JavaScript

1. Über Array

Die Array -Kreation ist sehr flexibel. Sie können den Array -Konstruktor verwenden oder direkt ein Array "buchstäblich" erstellen.

 var arr = new Array (); // [] var brr = array (); // [] Die beiden entsprechen var arr = array (3); //; arr.length; // 3 leeres Array der Länge 3 var arr = array (22,33, 'qq', {}); // [22, 33, "qq", Objekt] var brr = [22,33, 'qq', {}]; // wie oben

Array ist ein integriertes Objekt für JavaScript. Ja, obwohl es ein Array ist, ist es auch ein Objekt! !

Verwenden Sie typeof, um zu beurteilen, wird ein Objekt zurückgeben! Array.isArray -Methode kann seinen Typ genauer bestimmen.

 var a = []; typeof a; //objectArray.isArray(a); //WAHR

2. Gemeinsame Methoden

Push () Methode

Die push -Methode kann ein oder mehrere Elemente zum Ende des Arrays hinzufügen und die Länge des geänderten Arrays zurückgeben!

Hinweis: ① Es gibt die Länge des Arrays zurück, nicht das Array!

② Diese Methode ändert das ursprüngliche Array! !

 var arr = array (22,33, 'qq', {}); arr.push ('wibo'); // 5arr // [22, 33, "qq", {}, "Weibo"]

Das müssen wir verwenden, wenn wir zwei Arrays zusammenführen wollen

 var a = [22,33]; var b = [44,55]; array.prototype.push.apply (a, b) // oder a.push.apply (a, b) // oder a.push (44,55); // Array A = [22,33,44,55];

Achten Sie darauf, nicht Folgendes zu schreiben! !

 a.push (b); a; // 222,33,64,55 weisen Länge; // 3 !! console.log (a); // [22, 33, Array [2]]

Wenn Sie es direkt als a.push(b) schreiben, wird B als Element zu A hinzugefügt, und es wird nicht den idealen Effekt erhalten!

Wenn zwei Objekt -Arrays jetzt so zusammengeführt werden müssen:

 var a = [{name: 'stark', value: 'ironman'}, {name: 'cap', value: 'Oldman'}]; var b = [{name: 'jerry', E -Mail: 'jerry@qqq. a.push (b); //3console.log(A); // [Objekt, Objekt, Array [3]] // korrektes Schreiben von A.push.Apply (ab); //5console.log(A); // [Objekt, Objekt, Objekt, Objekt, Objekt]

pop () Methode

Im Gegensatz zum push soll das letzte Element des Arrays gelöscht und das gelöschte Element zurückgegeben werden:

 var a = ['qq', 'wibo', 'wixin']; a.pop (); // 'wixin'a; // ['qq', 'wibo']

join () Methode

Trennen Sie das Array durch entsprechende Parameter und kehren Sie als Zeichenfolge zurück. Wenn der Parameter leer ist, verwenden Sie ", um ihn zu trennen. Diese Methode ändert das ursprüngliche Array nicht:

 var a = [1, 2, 3, 4]; // [1,2,3,4] console.log (b); // "1,2,3,4"

concat () Methode

Es kann mehrere Zahlen kombinieren und ein neues Array zurückgeben, aber das ursprüngliche Array bleibt unverändert:

 var a = [22,33]; var b = [44,55]; var c = a.concat (b); Konsole.log (a); // [22, 33] console.log (b); // [44, 55] console.log (c); // [22, 33, 44, 55]

 var a = [{name: 'tom', E -Mail: '[email protected]'}, {name: 'peter', E -Mail: '[email protected]'}]; var b = [{name: 'jerry', E -Mail: 'Jerry@qqq'}, {name: 'lory', E -Mail: '[email protected]'}, {name: '[email protected]'}]; var c = a.concat (b); c; // [{Name: 'Tom', E -Mail: '[email protected]'}, // {Name: 'Peter', E -Mail: '[email protected]'}, // {Name: 'Peter', E -Mail: '[email protected]'}, // {Name ',' Jery ', E -Mail: [email protected]'}, {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{name '' '' '' // {Name: 'Susan', Wert: '[email protected]'}]

MAP () Methode

map wird eine Funktion in jedem Mitglied des Arrays nacheinander aufgerufen und ein neues Array zurückgibt, das von der Funktion verarbeitet wurde, das ursprüngliche Array wird jedoch nicht geändert!

 var numbers = [1, 2, 3]; var num = numbers.map (Funktion (n) {// [2, 4, 6] return n * 2;}); Zahlen; // [1,2,3]

Wenn der Parameter der von map -Methode aufgerufenen Funktion eins ist, repräsentiert dieser Parameter das aktuelle Element des Arrays. Wenn die Parameter drei sind, sind sie nacheinander

Das aktuelle elem , index , das ursprüngliche Array selbst arr

 var brr = [1, 2, 3] .MAP (Funktion (Elem, Index, arr) {return elem * index;}); Brr; // [0, 2, 6]

map -Methode kann auch einen zweiten Parameter akzeptieren, der das Objekt angibt, auf this ausgeführt wird, wenn die Rückruffunktion ausgeführt wird.

 var arr = ['a', 'b', 'c']; var brr = [0, 2] .map (Funktion (e) {return this [e];}, arr) brr; // ['a', 'c']

Bei Anwendungen erfordert map manchmal bei der Verwendung von AJAX -Technologie dynamische Konvertierungsparameter -Arrays in eine URL -Anforderung, beispielsweise sehr bequem:

 var b = [{name: 'Jerry', E -Mail: '[email protected]'}, {name: 'lory', E -Mail: '[email protected]'}, {name: 'susan', value: '[email protected]'}]; var url = b. map (function (n) {return n.name + "=" + n.email}) .join ("&"); console.log (URL); //[email protected]&[email protected]&[email protected]

Fügen Sie dann die IP -Adresse, Aktion und Methode vor der URL hinzu, um das von AJAX erforderliche dynamische URL -Spleiß zu vervollständigen, z. B.:

 var endurl = "localhost: 8080/xxxx/" + EventAction + "!" + Operation + "?" + URL;

Zusammenfassen

Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Studium oder die Arbeit aller Hilfe helfen. Wenn Sie Fragen haben, können Sie eine Nachricht zur Kommunikation überlassen.