Erläuterung der JavaScript-bezogenen Funktionen

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

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

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

ä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

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

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

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?

Trennt jedes Zeichen der Zeichenfolge. 4ec11beb6c39d0703d1751d203c17053

   var str="How are you doing today?";    var n=str.split("");    document.write(n);</script>输出：
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

Trennen Sie Zeichenfolgen mit dem Zeichen „o“. 4ec11beb6c39d0703d1751d203c17053
var str="Wie geht es dir heute?"; var n=str.split("o");

H,w are y,u d,ing t,day?
.join

Join-Methode zum Konvertieren des Arrays in einen String. Jedes Element darin kann mit dem von Ihnen angegebenen Connector verbunden werden. Dieser Connector ist der Parameter, den Sie übergeben möchten.

Verwenden Sie die Join-Methode, der Connector ist „ “, um das Array „joinMe“ in die Zeichenfolge „joinedString“ umzuwandeln.

var veggies = ["Celery", "Radish", "Carrot", "Potato"];var salad = veggies.join(" and ");console.log(salad); // "Celery and Radish and Carrot and Potato" 
.replace

wird ersetzt

In diesem Artikel werden einige allgemeine Funktionen im Detail erläutert. Weitere Informationen zu diesem Thema finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Erklärung zu JQuery-DOM und -Ereignissen

Einige verwandte modulare Grundlagen

Was ist der Unterschied zwischen innerText und innerHTML des Dom-Objekts?

Das obige ist der detaillierte Inhalt vonErläuterung der JavaScript-bezogenen Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!