Vorwort Ein kleiner Anforderungspunkt im Projekt: Klicken Sie auf eine Schaltfläche, um Dutzende von Bedingungsfeldern zu überprüfen, festzustellen, ob alle Bedingungsfelder mit Daten gefüllt (ausgewählt) wurden (mindestens eine Bedingung ist erfüllt), und führen Sie dann den entsprechenden Vorgang aus Das Beurteilungsbedingungsfeld umfasst ein Radio-Einzelauswahlfeld, ein Kontrollkästchen-Mehrfachauswahlfeld, ein Eingabe-Eingabefeld, einen InputNumber-Zähler, einen Auswahlwähler, einen Schalter usw. Das Projekt verwendet die Element-Komponentenbibliothek V2.15.6 Datentypen und Standardwerte entsprechend unterschiedlichen Bedingungen
Code-Implementierung Idee 1 Verwenden Sie if zur direkten Beurteilung. Dann lautet der Code wie folgt (die Variable ist eine Simulationsvariable). // Die Beurteilung mehrerer Bedingungen beginnt wie folgt: if (obj.radio1 || obj.checkbox1.length > 0 || obj.input1 || obj.inputNumber1 > 0 || obj.select1 || obj.select2.length > 0 || obj.switch1 || obj.radio2 || obj.checkbox2.length > 0 || obj.input2 || obj.inputNumber2 > 0 || obj.select3 || obj.select4.length > 0 || obj.switch2 ...) { // etwas tun } anders { // Wenn die Bedingung nicht erfüllt ist, geben Sie Folgendes ein.$message({ Meldung: „Bitte wählen Sie die Bedingungen aus und versuchen Sie es erneut“, Typ: "Warnung" }) return false } In tatsächlichen Projektszenarien haben Variablennamen viele semantische Zeichen. Wenn Sie nur ein paar ifs schreiben, schreiben Sie am Ende eine lange Zeichenfolge. Dann können Sie nichts mehr schreiben, nachdem Sie ein paar geschrieben haben (es fühlt sich an, als würden Sie einen Haufen Mist schreiben). Kann dies auf elegantere Weise erreicht werden? Idee 2 Legen Sie die zu beurteilenden Variablen in ein Array, verarbeiten Sie sie mithilfe von Map in den Booleschen Typ und bestimmen Sie mithilfe von Includes, ob das Array den angegebenen Booleschen Wert enthält. //Die Beurteilung mehrerer Bedingungen beginnt wie folgt const arr = [ obj.radio1, obj.checkbox1.length, obj.eingabe1, obj.inputNumber1, obj.select1, obj.select2.länge, obj.switch1, obj.radio2, obj.checkbox2.length, obj.input2, obj.inputNumber2, obj.select3, obj.select4.length, obj.switch2 ... ] const arr1 = arr.map(Element => Boolean(Element)) wenn (arr1.includes(true)) { // etwas tun } anders { // Wenn die Bedingung nicht erfüllt ist, geben Sie Folgendes ein.$message({ Meldung: „Bitte wählen Sie die Bedingungen aus und versuchen Sie es erneut“, Typ: "Warnung" }) return false } Wenn wir diese Methode zur Verarbeitung einer großen Anzahl von Urteilen verwenden, läuft es reibungsloser. ^-^ ZusammenfassenDies ist das Ende dieses Artikels darüber, wie man die if-Beurteilung in js so reibungslos wie möglich macht. Weitere relevante Inhalte zur if-Beurteilung in js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die folgenden verwandten Artikel weiter. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Referenzdokumentation
Das könnte Sie auch interessieren:
|
<<: Tutorial zu HTML-Formular-Tags (1):
>>: Vorgang zur Zeitzonenanpassung im Docker-Container
1. ROW_NUMBER() Definition: Die Funktion ROW_NUMB...
1. Am besten fügen Sie vor dem HTML-Tag einen Satz...
Inhaltsverzeichnis Standards für flüssige Animati...
Über JS, CSS CSS: Stylesheet oben Vermeiden Sie C...
1. Geben Sie zuerst das MySQL des Servers ein, um...
Inhaltsverzeichnis Einführung in Bootstrap und di...
Dieser Artikel veranschaulicht anhand von Beispie...
In CSS ist Text eines der häufigsten Dinge, mit d...
Inhaltsverzeichnis 1. Teilzeichenfolge () 2. subs...
1. Jede Funktion ist ein Objekt und belegt Speich...
sudo-Konfigurationsdatei Die Standardkonfiguratio...
CSS spielt auf einer Webseite eine sehr wichtige ...
In diesem Artikelbeispiel wird der spezifische Co...
Dieser Artikel beschreibt, wie lamp-php7.0 in ein...
Die folgenden beiden Funktionen werden auf die gl...