Heim > Web-Frontend > js-Tutorial > Welche Methoden werden am häufigsten für Arrays verwendet?

Welche Methoden werden am häufigsten für Arrays verwendet?

清浅
Freigeben: 2020-09-08 11:18:39
Original
79833 Leute haben es durchsucht

Häufig verwendete Methoden in Arrays sind: 1. Die Push-Methode, um neuen Inhalt am Ende des Arrays hinzuzufügen; 2. Die Pop-Methode, um das letzte Element des Arrays zu löschen; das erste Element des Arrays; 4. Fügen Sie mit der Unshift-Methode neuen Inhalt zum ersten Teil des Arrays hinzu und so weiter.

Welche Methoden werden am häufigsten für Arrays verwendet?

[Empfohlene Kurse: JavaScript-Tutorial]

Einige häufig verwendete Arrays Methode:

1. push()

Neuen Inhalt am Ende des Arrays hinzufügen

Parameter: hinzuzufügendes Element. Übergeben Sie mehrere durch Kommas getrennte Zahlen. Jeder Datentyp ist zulässig

Rückgabewert: Die Länge des neuen Arrays

Ob das ursprüngliche Array geändert werden soll: Ändern

let ary1 = [12,34,26];
ary1.push(100); //返回一个新的长度 
length=4console.log(ary1)//结果为 [12,34,26,100]
Nach dem Login kopieren

2. pop()

Das letzte Element des Arrays löschen

Parameter: Keine

Rückgabewert: Ob das gelöschte Element ist

hat sich geändert Ursprüngliches Array: Ändern Sie

let ary2 = [108,112,39,10];
ary2.pop();//删除的最后一项为10
console.log(ary2);//[108, 112, 39]
Nach dem Login kopieren

3, shift()

Löschen Sie das erste Element des Arrays

Parameter: Keine

Rückgabewert: Gelöschtes Element

Ob das ursprüngliche Array geändert werden soll: Ändern

let ary3 = [0,108,112,39];
ary3.shift();//删除的第一项为0
console.log(ary3);//[108, 112, 39]
Nach dem Login kopieren

4. unshift()

Neuen Inhalt zum hinzufügen erste Position des Arrays

Parameter: hinzuzufügende Elemente, mehrere Elemente getrennt durch „,“

Rückgabewert: Länge des neuen Arrays

Gibt an, ob das ursprüngliche Array geändert werden soll : ändern

let ary4 = ['c','d'];
ary4.unshift('a','b');
console.log(ary4);//["a", "b", "c", "d"]
Nach dem Login kopieren

5. Slice()

Teile des Inhalts entsprechend den Bedingungen herausfinden

Parameter:

array.slice(n, m), from Suche vom Index n bis m (ohne m)

array.slice(n) Wenn der zweite Parameter weggelassen wird, suchen Sie bis zum Ende

array .slice(0) und den Inhalt unverändert ausgeben, Array-Klonen kann realisiert werden

array.slice(-n,-m) Slice unterstützt negative Parameter, beginnend mit dem letzten Element, -1 ist das letzte Element , -2 ist das vorletzte Element

Rückgabewert: Gibt ein neues Array zurück

Ob das ursprüngliche Array geändert werden soll: Nicht ändern

let ary5 = [1,2,3,4,5,6,7,8,9]; 
//console.log(ary5.slice(2,8));//从索引2开始查找到索引为8的内容,结果为[3, 4, 5, 6, 7, 8] 
//console.log(ary5.slice(0)); 
console.log(ary5.slice(-2,-1));//[8]
Nach dem Login kopieren

6. )

für Array Hinzufügen, löschen, ändern

Hinzufügen: ary.splice(n,0,m) löscht 0 Elemente ab Index n und fügt m oder mehr Inhalte ein vor Index n

gibt ein leeres Array zurück

Modifikation: ary.splice(n,x,m) löscht x Elemente ab Index n, m ersetzt den gelöschten Teil

löscht den ursprünglichen Inhalt und ersetzt ihn dann durch den neuen Inhalt. Entfernen

: ary.splice(n,m) Löschen Sie m Inhalte

beginnend mit Index n (wenn der zweite Parameter weggelassen wird, von n bis zum Ende löschen)

Gelöschtes neues Array zurückgeben, das ursprüngliche Array ändert sich

//增加
  let ary6_z = [33,44,55,66,77,88];
  ary6_z.splice(2,0,'a','b')
  console.log(ary6_z);// [33, 44, "a", "b", 55, 66, 77, 88]

  //修改
  let ary6_x = [33,44,55,66,77,88];
  ary6_x.splice(1,2,'x','y')
  console.log(ary6_x);// [33, "x", "y", 66, 77, 88]

  //删除
   let ary6_s = [33,44,55,66,77,88];
   //console.log(ary6.splice(3,2))//[66, 77]
   console.log(ary6_s.splice(3));//[66, 77, 88]
Nach dem Login kopieren

7. join()

Verwenden Sie das angegebene Trennzeichen zum Zusammenfügen jedes Elements des Arrays in eine Zeichenfolge

Parameter: Das angegebene Trennzeichen (wenn dieser Parameter weggelassen wird, wird Komma als Trennzeichen verwendet)

Rückgabewert: Die zusammengefügte Zeichenfolge

Ob das ursprüngliche Array geändert werden soll: Nicht ändern

let ary7 = [1,2,3];
console.log(ary7.join('、'));//1、2、3
Nach dem Login kopieren

8 concat()

wird verwendet, um zwei oder mehr Arrays zu verbinden

Parameter: Parameter können spezifische Werte sein, es kann auch ein Array-Objekt sein. Kann eine beliebige Anzahl von sein

Rückgabewert: Gibt das neue Array nach der Verbindung zurück

Ob das ursprüngliche Array geändert werden soll: Nicht ändern

let ary8 = ['你'];
let ary80 = ary8.concat('好');
console.log(ary80);//["你", "好"]
Nach dem Login kopieren

9. )

Ermitteln Sie den Index des ersten Vorkommens des aktuellen Werts im Array

Parameter: array.indexOf(item,start) item: das gesuchte Element start: the Position in der Zeichenfolge, an der die Suche beginnt

Rückgabewert: Der zum ersten Mal gefundene Index. Wenn er nicht gefunden wird, wird -1 zurückgegeben

Ob das ursprüngliche Array geändert werden soll: Nicht ändern

let ary9 = ['a','b','c','d','e','a','f'];   
console.log(ary9.indexOf('c'));//2
console.log(ary9.indexOf('a',3))//5
Nach dem Login kopieren

10. lastIndexOf()

Erkennen Sie den Positionsindex des letzten Vorkommens des aktuellen Werts im Array

Parameter: array.lastIndexOf(item ,start) item: das zu durchsuchende Element start: der Beginn der Suche in der Zeichenfolge Position

Rückgabewert: Der zum ersten Mal gefundene Index, wenn nicht gefunden, wird -1 zurückgegeben

Ob das ursprüngliche Array geändert werden soll: Nicht ändern

let ary10 = ['a','b','c','d','e','a','f'];   
console.log(ary10.lastIndexOf('c'));//2
console.log(ary10.lastIndexOf('f',1))//-1
Nach dem Login kopieren

11. Includes( )

Bestimmen Sie, ob ein Array einen angegebenen Wert enthält

Parameter: Angegebener Inhalt

Rückgabewert: Boolescher Wert

Ob der ursprüngliche Wert geändert wird. Array: Nicht ändern

let ary13 = ['a','b','c','d']; 
console.log(ary13.includes('c'));//true
console.log(ary13.includes(2));//false
Nach dem Login kopieren

12 sort()

Sortieren Sie die Elemente des Arrays (standardmäßig wird von klein nach groß und basierend auf Zeichenfolgen sortiert))

Parameter: Optional (Funktion) Gibt die Sortierregel an in aufsteigender alphabetischer Reihenfolge

Rückgabewert: Neues Array nach der Sortierung

Ob das ursprüngliche Array geändert werden soll: Ändern

Sortieren kann nur Zahlen innerhalb von 10 (einzelne Ziffern) ohne Übergabe verarbeiten Parameter

 let ary11 = [32,44,23,54,90,12,9]; 
   ary11.sort(function(a,b){        // return a-b;  // 结果[9, 12, 23, 32, 44, 54, 90]
        // return b-a;  // 结果[90, 54, 44, 32, 23, 12, 9]   })  
    console.log(ary11);
Nach dem Login kopieren

13. reverse()

Ordne das Array verkehrt herum an

Parameter: Keine

Rückgabewert: Neues Array nach umgekehrter Reihenfolge

Ob das ursprüngliche Array geändert werden soll: Ändern Sie

let ary12 = [6,8,10,12]; 
console.log(ary12.reverse());//[12, 10, 8, 6]
Nach dem Login kopieren

forEach()

Durchlaufen Sie jedes Element des Arrays

Parameter: function ary.forEach(function(item,index,ary){}) item: jedes Element index: index ary: Aktuelles Array

Rückgabewert: Keiner

Ob So ändern Sie das ursprüngliche Array: Keine Änderung

continue und break können nicht in forEach verwendet werden und können nicht in forEach herausspringen, sondern nur überspringen (zurückspringen)

 let ary14 = ['a','b','c','d']; 
 let item = ary14.forEach(function(item,index,ary){
        console.log(item,index,ary);
   })
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWelche Methoden werden am häufigsten für Arrays verwendet?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage