Behandeln Sie den Fall nicht gefundener Elemente in der Suchmethode in JavaScript elegant

Ziel dieses Artikels ist es, den undefinierten Fehler zu beheben, der auftreten kann, wenn das Zielelement bei Verwendung der Array.prototype.find-Methode in JavaScript nicht gefunden wird. Wir zeigen Ihnen, wie Sie mit dieser Situation elegant umgehen, indem Sie den OR-Operator, den optionalen Verkettungsoperator und den Null-Koaleszenzoperator verwenden, und stellen zur Veranschaulichung Beispielcode bereit.

Wenn bei Verwendung der Array.prototype.find-Methode von JavaScript kein Element im Array die bereitgestellte Testfunktion erfüllt, gibt die find-Methode undefiniert zurück. Der direkte Zugriff auf undefinierte Eigenschaften führt zu einem Fehler. Um dies zu vermeiden, müssen wir sicherstellen, dass das Ergebnis der Suchmethode nicht undefiniert ist, bevor wir darauf zugreifen. Hier sind verschiedene Verarbeitungsmethoden:

1. Verwenden Sie den ODER-Operator (||)

Mit dem OR-Operator können wir einen Standardwert angeben, der verwendet wird, wenn die Suchmethode „undefiniert“ zurückgibt. In diesem Beispiel verwenden wir ein leeres Array[] als Standardwert.

 const Leute = {
    GruppeA: ['Amy','Beth'],
    GruppeB: ['Ben','Matt'],
    GruppeC: ['Jen','Eli']
};

let Person = (Object.entries(People).find(([,values])=>values.includes('Ele')) || [])[0];

console.log(Person); // Ausgabe: undefiniert

Wenn die Suchmethode keine Gruppe finden kann, die „Ele“ enthält, gibt sie undefiniert zurück. Der ODER-Operator ersetzt undefiniert durch [], sodass das Ergebnis von [][0] undefiniert ist, wodurch der Fehler vermieden wird.

2. Verwenden Sie den optionalen Verkettungsoperator (?.)

Der optionale Verkettungsoperator ermöglicht uns einen sicheren Betrieb beim Zugriff auf Eigenschaften, die möglicherweise null oder undefiniert sind. Wenn der Wert auf der linken Seite des Operators null oder undefiniert ist, schließt der Ausdruck kurz und gibt undefiniert zurück, ohne einen Fehler auszulösen.

 const Leute = {
    GruppeA: ['Amy','Beth'],
    GruppeB: ['Ben','Matt'],
    GruppeC: ['Jen','Eli']
};

let Person = Object.entries(People).find(([,values])=>values.includes('Ele'))?.[0];

console.log(Person); // Ausgabe: undefiniert

Wenn die Find-Methode undefiniert zurückgibt, undefiniert?.[0] gibt direkt undefiniert zurück und vermeidet den Versuch, auf undefinierte Eigenschaften zuzugreifen.

3. Verwenden Sie den Nullwert-Koaleszenzoperator (??).

Der Nullkoaleszenzoperator (??) bietet eine übersichtliche Möglichkeit, Nullwerte oder undefinierte Werte zu verarbeiten. Wenn der linke Operand null oder undefiniert ist, wird der rechte Operand zurückgegeben; andernfalls wird der linke Operand zurückgegeben.

 const Leute = {
    GruppeA: ['Amy','Beth'],
    GruppeB: ['Ben','Matt'],
    GruppeC: ['Jen','Eli']
};

let Person = (Object.entries(People).find(([,values])=>values.includes('Ele')) ?? [])[0];

console.log(Person); // Ausgabe: undefiniert

Ähnlich wie beim OR-Operator ersetzt der Null-Koaleszenzoperator, wenn die Suchmethode undefiniert zurückgibt, undefiniert durch [], um Fehler zu vermeiden.

Zusammenfassen

Achten Sie bei der Verwendung der Array.prototype.find-Methode in JavaScript darauf, Fälle zu behandeln, in denen keine Elemente gefunden werden. Der OR-Operator, der optionale Verkettungsoperator und der Nullkoaleszenzoperator sind allesamt wirksame Möglichkeiten, mit dieser Situation umzugehen. Welche Methode Sie wählen, hängt von Ihrem spezifischen Codierungsstil und Ihren Anforderungen ab. Es wird empfohlen, den optionalen Verkettungsoperator und den Null-Koaleszenzoperator zu verwenden, da diese prägnanter und verständlicher sind und besser mit modernen JavaScript-Codierungskonventionen übereinstimmen.

Das obige ist der detaillierte Inhalt vonBehandeln Sie den Fall nicht gefundener Elemente in der Suchmethode in JavaScript elegant. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!