So führen Sie eine reibungslose if-Beurteilung in js durch

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

• Radio Optionsfeld-Zeichenfolge ''
• Kontrollkästchen Mehrfachauswahlfeld-Array []
• Eingabeeingabefeldzeichenfolge ''
• InputNumber Zählernummer 0
• Wählen
  • Einzelne Auswahlzeichenfolge ''
  • Mehrfachauswahl-Array []
• Schalter Schalter Boolean false

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. ^-^

Zusammenfassen

Dies 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

• developer.mozilla.org/zh-CN/docs/…
• developer.mozilla.org/zh-CN/docs/…
• developer.mozilla.org/zh-CN/docs/…