Details zur Verwendung von JS-Array-Methoden some, every und find

1. einige

some() testet, ob im Array mindestens ein Element vorhanden ist, das den Test der bereitgestellten Funktion besteht. Es gibt einen Boolean Wert zurück.

Kurz gesagt: Es prüft jedes Element im Array und solange ein Element bestanden wird, ist es true .

• Es werden nur true oder false zurückgegeben.
• Es wird jedes Element im Array getestet. Führen Sie in some niemals if else -Operationen aus.
• Schreiben Sie nach return nicht true oder false . Auf return folgt Ihre Bedingung.
  

Kürzlich bin ich bei der Arbeit an einem Backend-Verwaltungssystem auf eine Anforderung gestoßen: Ein Dialog wird angezeigt. Solange input des Dialog einen Wert enthält, ist alles in Ordnung. Andernfalls wird darauf hingewiesen, dass mindestens ein Wert vorhanden sein muss.

Die Datenstruktur ist wie folgt, unter Verwendung some

lass arr = [
    { Wert: "Apfel" },
    { Wert: "" },
    { Wert: "Banane" },
    { Wert: "orange" },
    { Wert: "" },
]
lass res = arr.some(item=>{
    gibt Element.Wert zurück !== ""
})
konsole.log(res);

Solange hier ein Wert vorhanden ist, ist res true . Wir können also mit dem nächsten Schritt fortfahren, wenn res true ist.

wenn (res) {
    console.log("Array hat Wert");
} anders {
    console.log("Geben Sie mindestens einen Wert ein");
}

2. jedes

every kann auf die gleiche Weise wie some verwendet werden. Von MDN: every() testet, ob alle Elemente in einem Array einen Test einer angegebenen Funktion bestehen. Es gibt einen Booleschen Wert zurück.

Kurz gesagt: Es prüft jedes Element im Array, und wenn ein Element fehlschlägt, ist es false .
Dieselben Vorsichtsmaßnahmen wie für some . Wenn jedes Eingabefeld einen Wert enthalten muss,

sei arr2 = [
    { Wert: "Apfel" },
    { Wert: "" },
    { Wert: "Banane" },
    { Wert: "orange" },
    { Wert: "er" },
]

var res2 = arr2.jedes(item => {
    gibt Element.Wert zurück !== ""
})
konsole.log(res2);

Solange hier für ein Element kein Wert vorhanden ist, ist res2 false .

wenn (!res2) {
    //Wenn res2 wahr ist, gehe zu else; wenn es falsch ist, gehe zu if
    console.log("Das Eingabefeld hat einen leeren Wert");
} anders {
    console.log("Das Eingabefeld hat keinen leeren Wert");
    console.log("Weiter zum nächsten Schritt");
}

3. finden

Von MDN gibt die Methode find() den Wert des ersten Elements in einem Array zurück, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird undefined zurückgegeben.
Hinweis: find() unterscheidet sich von den beiden oben genannten. Es gibt den Wert zurück und zwar den ersten Wert, der die Bedingungen erfüllt.

sei arr3 = [
    { Wert: "" },
    { Wert: "" },
    { Wert: "" },
    { Wert: "" },
    { Wert: "Apfel" },
]
var res3 = arr3.find(item => {
    gibt Element.Wert zurück !== ""
})
konsole.log(res3);

Sie können valu im item ermitteln, indem Sie festlegen, ob der Rückgabewert von find undefined ist.

wenn (res3) {
    //res3 hat einen Wert, fahren Sie hier mit dem nächsten Schritt fort.
    console.log("Es gibt mindestens einen Wert im Array");
} anders {
    //res3 ist nicht definiert
    console.log("Das Array ist leer!");
}

Dies ist das Ende dieses Artikels über die Einzelheiten zur Verwendung der JS-Array-Methoden some, every und find . Weitere Informationen zur Verwendung der JS-Array-Methoden some , every und find finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!