Heim > Web-Frontend > js-Tutorial > Warum gibt meine Funktion „forEach' in JavaScript „undefiniert' zurück?

Warum gibt meine Funktion „forEach' in JavaScript „undefiniert' zurück?

Patricia Arquette
Freigeben: 2024-11-11 17:06:03
Original
1060 Leute haben es durchsucht

Why Does My `forEach` Function Return `undefined` in JavaScript?

Funktion mit forEach gibt Undefiniert zurück

Originalcode:

Der bereitgestellte Code definiert eine Funktion , getByKey, soll ein Objektarray nach einem bestimmten Wert durchsuchen und entweder den entsprechenden Schlüssel oder eine Meldung zurückgeben, die angibt, dass der Wert nicht gefunden wurde. Die Funktion gibt jedoch immer undefiniert zurück.

function getByKey(key) {    
    data.forEach(function (i, val) {
        if (data[val].Key === key) {
            return data[val].Key;
        } else {
            return "Couldn't find";
        }
    });
}
Nach dem Login kopieren

Verstehen des Problems:

Das Problem mit diesem Code liegt im Umfang der return-Anweisung innerhalb der forEach-Schleife . Die return-Anweisung verlässt die Schleife, nicht die getByKey-Funktion selbst. Um einen Wert von der Funktion zurückzugeben, sollte dieser außerhalb der Schleife platziert werden.

Lösung:

Eine Möglichkeit, dieses Problem zu lösen, besteht darin, den Rückgabewert a zuzuweisen Variable innerhalb der Schleife und geben Sie sie dann von der Funktion zurück.

function getByKey(key) {
    var result;
    data.forEach(function (val) {
        if (val.Key === key) {
            result = val.Key;
        }
    });
    return result;
}
Nach dem Login kopieren

Alternativ können Sie anstelle von forEach eine einfache for-Schleife verwenden und direkt von der darin enthaltenen Funktion zurückkehren die Schleife.

function getByKey(key) {
    for (var i = 0; i < data.length; i++) {
        if (data[i].Key === key) {
            return data[i].Key;
        }
    }
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum gibt meine Funktion „forEach' in JavaScript „undefiniert' zurück?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage