Heim > Artikel > Web-Frontend > Was sind die am häufigsten verwendeten Array-Funktionen?
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];
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]
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]
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]
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);//15Array.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 .somevar arr = [1,2,3,4]; var res = arr.every(function(item, index, origin){ return item > 2; }) console.log(res);//falsesome 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
es6 bietet die Methode von
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!