Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind die am häufigsten verwendeten Array-Funktionen?

一个新手
Freigeben: 2017-10-16 09:20:31
Original
3666 Leute haben es durchsucht

Einige Array-Methoden

Javascript-Arrays sind ein sehr vertrauter Typ und haben sehr leistungsstarke Funktionen, aber nicht jeder kann sie ohne Front-End-Lernen beherrschen. Lassen Sie uns über einige Array-Methoden sprechen

  • Array-Deduplizierung

    (1) Geben Sie ein Array arr=[1,2,3 ,3,4], wie Duplikate entfernen?

    • es6 hat eine neue Datenstruktur Set var newArr=new Set(arr);

    • Die es5-Methode besteht darin, ein neues Array obj zu deklarieren und zu durchlaufen arr, prüfen Sie, ob die Elemente im neuen Array vorhanden sind. Der Code lautet wie folgt:

      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if(newArr.indexOf(arr[i]) === -1){
              newArr.push(arr[i]);
          }
      }
      console.log(newArr); //[1,2,3,4];
      Nach dem Login kopieren
  • Array.forEach

    foreach ist, die angegebene Funktion einmal für jedes Element im Array auszuführen, aber das ursprüngliche Array bleibt unverändert und hat keinen Rückgabewert

        var arr = [1,2,3,4];
        arr.forEach(function(item, index, origin){
            item += 1;
            console.log(item);//2,3,4,5
        })
        console.log(arr);//[1,2,3,4]
    Nach dem Login kopieren
  • Array.map

    map führt eine bestimmte Funktion einmal für jedes Element im Array aus, lässt das ursprüngliche Array unverändert und gibt ein neues Array zurück

        var arr = [1,2,3,4];
        var newArr=arr.map(function(item, index, origin){
            return ++item;
        })
        console.log(newArr);//[2,3,4,5]
    Nach dem Login kopieren
  • Array.filter

    Filter führt eine bestimmte Funktion einmal für jedes Element im Array aus, wobei das ursprüngliche Array unverändert bleibt und ein neues Array zurückgegeben wird, das die Bedingungen

        var arr = [1,2,3,4];
        var newArr=arr.filter(function(item, index, origin){
            return item>2;
        })
        console.log(newArr);//[3,4]
    Nach dem Login kopieren
  • erfüllt

    Array.reduce

    reduce ist eine Funktion, deren erster Parameter das Ergebnis der letzten Ausführung vor und der Wert und Index des aktuellen Elements ist. Sie wird normalerweise verwendet, um die Summe zu ermitteln von Arrays. Der zweite Parameter ist der Wert von pre. Wenn kein solcher Parameter vorhanden ist, wird der erste Wert als der Wert von pre betrachtet

        var arr = [1,2,3,4];
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//1,2,3
            return pre + cur;
        })
        console.log(res);//10
    
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//0,1,2,3
            return pre + cur;
        }, 5)
        console.log(res);//15
    Nach dem Login kopieren
    Array.every
  • each führt eine bestimmte Funktion einmal für jedes Element im Array aus. Wenn ein Ergebnis falsch ist, gibt es false zurück;

    Array .some

        var arr = [1,2,3,4];
        var res = arr.every(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//false
    Nach dem Login kopieren
    some ist das Gegenteil von every, das eine bestimmte Funktion einmal für jedes Element im Array ausführt. Wenn ein Ergebnis wahr ist, gibt es true zurück.
  • Klassen-Array in Array konvertieren

        var arr = [1,2,3,4];
        var res = arr.some(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//true
    Nach dem Login kopieren
  • es6 bietet die Methode von

    • Die Methode von
    • kann in es5 verwendet werden

      Array.from

Das obige ist der detaillierte Inhalt vonWas sind die am häufigsten verwendeten Array-Funktionen?. 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