Heim  >  Artikel  >  Web-Frontend  >  Jede Verwendung von Javascript

Jede Verwendung von Javascript

WBOY
WBOYOriginal
2023-05-16 10:27:372881Durchsuche

JavaScript ist eine dynamische, objektorientierte Programmiersprache auf hoher Ebene, die häufig in der Webentwicklung, mobilen Anwendungen und Desktop-Anwendungen verwendet wird. Unter diesen ist die Each-Schleife eine der am häufigsten verwendeten Schleifenmethoden in JavaScript und hat ein äußerst breites Anwendungsspektrum.

Was ist das jeweils?

each ist eine Schleifenmethode, die zum Durchlaufen von Daten in einem Array oder Objekt entwickelt wurde. Es wird als Iterator verwendet, was das Schreiben von Schleifen vereinfacht und den Code leichter lesbar und verständlich macht.

In JavaScript kann jeder Methoden verwenden, die von verschiedenen Bibliotheken oder Frameworks bereitgestellt werden, zum Beispiel $.each() von jQuery, _.each() von Underscore.js und _.forEach() von Lodash usw. In diesem Artikel werden die einzelnen Methoden von Lodash als Beispiel zur Erläuterung verwendet.

Wie verwende ich die einzelnen Produkte?

Für Arrays:

Bevor wir jede von jeder Bibliothek bereitgestellte Methode verwenden, müssen wir auf die Bibliothek oder das Framework verweisen, bevor wir die darin enthaltenen Methoden verwenden können. In Lodash können wir die folgende Methode verwenden, um die Each-Methode einzuführen:

const _ = require('lodash');

Als nächstes können wir die Methode _.each() verwenden, um das Array zu durchlaufen. Der Code lautet wie folgt:

let arr = ['apple', 'banana', 'pear'];

_.each(arr, function(fruit) {
    console.log(fruit);
});

Im obigen Code haben wir Durchlaufen Sie ein Array arr und verwenden Sie dann eine anonyme Funktion als Rückruffunktion, um den Wert jedes Elements an die Konsole auszugeben.

In diesem Beispiel verwenden wir eine anonyme Funktion, um jede Frucht zu drucken. Wir können das obige Beispiel aber auch mit einer einfacheren Schreibweise behandeln. Beispielsweise können wir Pfeilfunktionen verwenden, um herkömmliche anonyme Funktionen zu ersetzen:

_.each(arr, fruit => console.log(fruit));

Diese Methode ist prägnanter und leichter zu lesen und eignet sich auch sehr gut zur Vereinfachung anonymer Funktionen mit nur einer Codezeile.

Für Objekte:

Wenn wir Each zum Durchlaufen von Objekten verwenden, müssen wir die Parameter in der Each-Methode ändern, zum Beispiel:

let obj = {name: 'Tom', age: 18};

_.each(obj, function(value, key) {
    console.log(key + ': ' + value);
});

Im obigen Code verwenden wir ein Objekt obj und durchlaufen es durch die Each-Methode und Die Schlüssel-Wert-Paare des Objekts werden an die Konsole ausgegeben. Der Schlüssel und der Wert jedes Objekts werden jeweils als Parameter an die Rückruffunktion übergeben.

valueOf

Für die _.each()-Methode von Lodash gibt es eine weitere Methode, die sich von der standardmäßigen Verarbeitungslogik pro Element unterscheidet, nämlich die valueOf()-Methode. Wenn wir die Methode valueOf() verwenden, gibt die Rückruffunktion an, dass der erste Parameter immer in dem von valueOf() zurückgegebenen Wert übergeben wird. Zum Beispiel:

let obj = {name: 'Tom', age: 18};

_.each(obj, function(value, key) {
    console.log(value);
}, function() {
    return this.age;
}.valueOf());

Im obigen Code verwenden wir die Methode valueOf() und geben das Alter des Objekts in der Rückruffunktion zurück. Daher wird auf der Konsole nur das Alter des Objekts von 18 Jahren ausgegeben.

Zusammenfassung:

Anhand der obigen Beispiele können wir sehen, dass die Each-Schleife in JavaScript sehr häufig und praktisch ist. Sie kann alle Arten von Datenstrukturen durchlaufen und hat im Vergleich zur herkömmlichen for-Schleife den Vorteil, dass sie präziser, einfacher zu lesen und zu schreiben ist. Noch wichtiger ist, dass es in den meisten JavaScript-Bibliotheken oder Frameworks weit verbreitet ist, wodurch der Code standardisierter und einfacher zu warten und zu erweitern ist.

Obwohl verschiedene JavaScript-Bibliotheken oder Frameworks jede Methode und jeden Parameter etwas anders implementieren, sind Zweck und Funktion im Allgemeinen konsistent. Daher können wir in praktischen Anwendungen flexibel entsprechend den Projektanforderungen und Teamgewohnheiten wählen.

Das obige ist der detaillierte Inhalt vonJede Verwendung von Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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
Vorheriger Artikel:iOS ohne JavascriptNächster Artikel:iOS ohne Javascript