Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der JavaScript-Array-Methoden

韦小宝
Freigeben: 2018-03-14 18:23:04
Original
1248 Leute haben es durchsucht

In diesem Artikel geht es um die Methoden von JavaScript-Arrays Wenn Sie die Methoden von JavaScript-Arrays nicht kennen oder sich für die Methoden von JavaScript-Arrays interessieren, schauen wir uns gemeinsam diesen Artikel an. Okay, hören Sie auf, Unsinn zu reden, und kommen Sie zur Sache!

Test array arr = [2, 0, 1, 6];
Die folgenden Methoden haben keinen Einfluss auf das gegenseitige Testen von arr.

shift()
Entfernt das erste Element des Arrays und gibt es zurück.

console.log(arr.shift());           //2
console.log(arr);                   //[1,0,6]
Nach dem Login kopieren

pop()
Entfernt das letzte Element des Arrays und gibt es zurück.

console.log(arr.pop());             //6
console.log(arr);                   //[2,0,1]
Nach dem Login kopieren

unshift(arg1, arg2, …)
Fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück.
Ändern Sie das ursprüngliche Array direkt, fügen Sie den hinzuzufügenden Wert bei Index 0 ein und verschieben Sie die vorhandenen Elemente nacheinander in höhere Indizes

console.log(arr.unshift(9,3,4));    //7
console.log(arr);                   //[9,5,4,2,0,1,6]
Nach dem Login kopieren

push(arg1, arg2, …)
Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück.
Ändern Sie das Array direkt

console.log(arr.push(9,5,4));       //7
console.log(arr);                   //[2,0,1,6,9,5,4]
Nach dem Login kopieren

concat(arr1, arr2,…)
Verketten Sie zwei oder mehr Arrays.
Gibt eine Kopie des verbundenen Arrays zurück, das ursprüngliche Array bleibt unverändert

var c = [2,0];
var d = [1,5]
console.log(arr.concat(c, d));      //[2,0,1,6,2,0,1,5]
console.log(arr);                   //[2,0,1,6]
Nach dem Login kopieren

join(str)
Gibt die durch verbundenen Array-Elemente zurück str in einen String

console.log(arr.join(''));          //2016
console.log(arr);                   //[2,0,1,6]
//省略参数
console.log(arr.join());            //2,0,1,6
Nach dem Login kopieren

reverse()
Kehrt die Reihenfolge der Elemente im Array um, die Array-Struktur Änderungen, Array zurückgeben

console.log(arr.reverse());         //[6,1,0,2]
console.log(arr);                   //[6,1,0,2]
Nach dem Login kopieren

slice(start, end[beinhaltet dieses Element nicht])
Gibt eine Sequenz zurück ausgewählt durch Start, Ende Der negative Wert des Arrays
bedeutet, Elemente aus dem Ende auszuwählen

console.log(arr.slice(1));          //[0,1,6]
console.log(arr);                   //[2,0,1,6]

console.log(arr.slice(0));          //[2,0,1,6]
console.log(arr.slice(-4));         //[2,0,1,6]
console.log(arr.slice(1,3));        //[0,1]
console.log(arr.slice(1,-1));       //[0,1]
console.log(arr.slice(-3,-1));      //[0,1]
console.log(arr.slice(-3,3));       //[0,1]
Nach dem Login kopieren

splice(index,deleteNum, arg1, arg2 ,…)
und diese Methode kann als die umfassendste Methode für Arrays bezeichnet werden, die Array-Elemente hinzufügen, ändern und löschen kann
Index: die Startposition der Operation (. hinzufügen, löschen), erforderlich
Löschen: gelöschte Zahl, 0 bedeutet kein Löschen, erforderlich
Argument: hinzugefügtes Element (eins oder mehrere), optional (zum Löschen, Ändern)
Rückgabewert: Löschvorgang gibt eine zurück Array bestehend aus gelöschten Elementen, andere Operationen Gibt ein leeres Array zurück

//添加,向位置1添加数值1
console.log(arr.splice(1,0,1));     //[]
console.log(arr);                   //[2,1,0,1,6]

console.log(arr.splice(1,0,3,8));   //[]
console.log(arr);                   //[2,3,8,1,0,1,6]

//删除,从位置2开始删除2个数值
console.log(arr.splice(2,2));       //[8,1]
console.log(arr);                   //[2,3,0,1,6]

//修改,将位置1的数值改为9
console.log(arr.splice(1,1,9));     //[3]
console.log(arr);                   //[2,9,0,1,6]
Nach dem Login kopieren

valueOf()
w3c-Erklärung, ich weiß es immer noch nicht verstehe durchaus
valueOf() Methode gibt den ursprünglichen Wert des Array-Objekts zurück. Dieser Grundwert wird von allen vom Array-Objekt abgeleiteten -Objekten geerbt. Die Methode valueOf() wird von JavaScript normalerweise automatisch im Hintergrund aufgerufen und erscheint nicht explizit im Code.

console.log(arr.valueOf());         //[2,0,1,6]
console.log(arr);                   //[2,0,1,6]
Nach dem Login kopieren

toString() Konvertieren Sie das Array in einen String und geben Sie das Ergebnis zurück

console.log(arr.toString());        //2,0,1,6
console.log(typeof arr.toString()); //string
console.log(arr);                   //[2,0,1,6]
Nach dem Login kopieren

toLocaleString() Konvertieren Sie das Array in einen lokalen String.

console.log(arr.toLocaleString());  //2,0,1,6
console.log(arr);                   //[2,0,1,6]
//特定用法
var date = new Date();
console.log(date);                  //Thu Feb 04 2016 19:51:01 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //2016/2/4 下午7:51:01
Nach dem Login kopieren

sort() Ohne Parameter werden die Elemente im Array alphabetisch sortiert
Gibt das sortierte Array zurück

var c = ['c','d','a'];
console.log(c.sort());          //['a','c','d']
console.log(c);                 //['a','c','d']
Nach dem Login kopieren
Was die Sortiermethode betrifft, habe ich oben nur Zeichenfolgen sortiert. Warum nicht auch Zahlen? Vielleicht haben Sie schon einmal die digitale Sortierung verwendet, und es fühlt sich so an, als wäre es in Ordnung, es ist in Ordnung, diese Art der Sortierung wird manchmal Probleme verursachen. Hier sind einige gute Methoden.

//升序排序
console.log(arr.sort(function(a, b){
    return a - b;
}));
console.log(arr);                 //[0,1,2,6]

//降序排序
console.log(arr.sort(function(a, b){
    return b - a;
}));
console.log(arr);                 //[6,2,1,0]
Nach dem Login kopieren
Das Obige ist der gesamte Inhalt dieses Artikels, Sie können beide Seiten selbst implementieren es wird leicht zu meistern sein.



Verwandte Empfehlungen:
JS-Array-Methodenerweiterung zur Implementierung der Array-Statistikfunktion

Javascript-Array und Allgemeine Verwendungen von Zeichenfolgen

JavaScript-Array-String-mathematische Funktionen

Das obige ist der detaillierte Inhalt vonZusammenfassung der JavaScript-Array-Methoden. 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