Heim > Web-Frontend > js-Tutorial > Erläuterung der JavaScript-bezogenen Funktionen

Erläuterung der JavaScript-bezogenen Funktionen

jacklove
Freigeben: 2018-05-21 10:45:59
Original
1296 Leute haben es durchsucht

Es gibt einige Funktionen, die beim JavaScript-Lernen häufig vorkommen. In diesem Artikel werden einige davon im Detail erläutert.

.map

Die Map-Methode durchläuft jedes Element im Array, verarbeitet jedes Element gemäß der Rückruffunktion und gibt schließlich ein neues Array zurück.

Verwenden Sie die Map-Methode, um 3 zu jedem Element in oldArray hinzuzufügen und sie in newArray zu speichern. oldArray sollte nicht geändert werden.

var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){  return val + 3;  });
.reduce
Nach dem Login kopieren

Die Elemente im Array werden der Reihe nach von links nach rechts bearbeitet, und das letzte verbleibende Element ist der Rückgabewert
wobei der kumulative Wert des letzten Ergebnisses ( previousVal) und der aktuelle Wert (currentVal ) Sind. Die Filtermethode

var array = [4,5,6,7,8];var singleVal = 0;singleVal = array.reduce(function(previousVal, currentVal){ return previousVal + currentVal;   });
.filter
Nach dem Login kopieren

wird verwendet, um ein Array zu iterieren und passende Elemente gemäß den gegebenen Bedingungen herauszufiltern.

Verwenden Sie einen Filter, um ein neues Array zu erstellen. Der Wert des neuen Arrays sind die Elemente in oldArray, deren Wert kleiner als 6 ist. Das ursprüngliche Array darf nicht geändert werden. Die Sortiermethode oldArray

var oldArray = [1,2,3,4,5,6,7,8,9,10];var newArray = oldArray.filter(function(val){    return val<6;   });
.sort
Nach dem Login kopieren

ändert das ursprüngliche Array und gibt das sortierte Array zurück. sort kann Vergleichsfunktionen als Parameter übergeben. Die Vergleichsfunktion hat einen Rückgabewert, wenn a kleiner als b ist. Wenn a größer als b ist, gibt sie eine positive Zahl zurück. Wenn keine Vergleichsfunktion übergeben wird, werden alle Werte in Zeichenfolgen umgewandelt und alphabetisch sortiert.

Verwenden Sie sort, um das Array in aufsteigender Reihenfolge zu sortieren.

var array = [1, 12, 21, 2];array.sort(function(a, b) {  return a - b;});result: [1,2,12,21]
.reverse
Nach dem Login kopieren

Verwenden Sie die Umkehrung, um ein Array umzudrehen. Und newArray zugewiesen.

var array = [1,2,3,4,5,6,7];var newArray = [];newArray = array.reverse();
reverse_result.png
.concat
Nach dem Login kopieren

Der Parameter der Concat-Methode sollte ein Array sein. Das Array im Parameter wird nach dem ursprünglichen Array verkettet und als neues Array zurückgegeben.

Verwenden Sie .concat(), um concatMe hinter oldArray zu verbinden und es newArray zuzuweisen.

concat_result.png
.split
Nach dem Login kopieren

Sie können die Split-Methode verwenden, um eine Zeichenfolge durch ein angegebenes Trennzeichen in ein Array aufzuteilen. Übergeben Sie einen Parameter an die Split-Methode, der als Trennzeichen verwendet wird.

Verwenden Sie die Split-Methode, um die Zeichenfolge in ein Array-Array aufzuteilen.

Kein Trennzeichen.

<script type="text/javascript">
    var str="How are you doing today?";    var n=str.split();    document.write(n);</script>输出:
How are you doing today?
Nach dem Login kopieren

Trennt jedes Zeichen der Zeichenfolge.

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage