A Vita di ogni giorno spesso è necessario prendere qualche tipo di decisione, a seconda di qualche condizione. Ad esempio, se il fine settimana è caldo, andremo al mare, altrimenti, se è nuvoloso, ci sediamo a casa.
Nella programmazione, anche questo è molto comune. Per questo ci sono due istruzioni condizionali, queste sono if-else e switch-case. In questo articolo ti parlerò dell'istruzione if-else e nel prossimo articolo su switch-case.
Sintassi dell'istruzione condizionale if-else prossimo:
Se la condizione è vera, viene eseguito il codice del blocco if, altrimenti, se la condizione è falsa, viene eseguito il codice del blocco else.
Per una migliore comprensione, prendiamo un esempio così semplice, abbiamo una certa somma di denaro e vogliamo comprare un'auto, e qui si presenta immediatamente una tale condizione, se abbiamo abbastanza soldi, allora possiamo comprare questa macchina, altrimenti non può.
Var denaro = 35000; // Diciamo che abbiamo 35.000 euro // L'auto che vogliamo comprare costa 50.000 euro. E si verifica la seguente condizione if(money > 50000)( document.write("Possiamo comprare un'auto"); )else( document.write("Non abbastanza soldi per comprare un'auto"); )
Salviamo il documento, lo apriamo nel browser e vediamo che nella pagina è stato visualizzato il seguente messaggio: "Non ci sono abbastanza soldi per comprare un'auto". Se avessimo più di 50.000 euro, il codice del blocco if verrebbe eseguito. Se avessimo esattamente 50.000 euro, non saremmo nemmeno in grado di acquistare un'auto, perché 50.000 non è più di 50.000 Affinché la condizione in questo caso sia vera, è necessario scrivere un segno maggiore o uguale ( >=) .
Commento! L'operazione logica uguale è scritta con due segni di uguale (==). Esiste anche un'operazione logica minore o uguale a (
usando parentesi graffe
Se c'è un solo operatore allora bretelle facoltativo, se nel blocco è presente più di un'istruzione, sono necessarie parentesi graffe.
L'esempio sopra funzionerà perfettamente senza parentesi graffe, poiché entrambi i blocchi contengono una sola istruzione ciascuno.
Dentro se puoi scriverne qualcuno operazioni logiche siano essi semplici o complessi. Puoi anche utilizzare gli operatori AND (&&) e OR (||).
Commento! La presenza del blocco else è facoltativa.
Ad esempio, se a è uguale a b, e c è uguale a d, visualizziamo il messaggio corrispondente, altrimenti se non c'è nessun altro blocco, allora passiamo semplicemente alla riga successiva.
Var a = 4, b = 4, c = 8, d = 8; if((a == b) && (c == d)) document.write("a è uguale a b AND c è uguale a d"); document.write("Riga di codice successiva");
if-else if-else istruzione
Dopo il blocco if, possono seguire uno o più blocchi if, e alla fine c'è un altro blocco. Ciò è utile quando è necessario utilizzare più di una condizione.
Per una migliore comprensione, prendiamo un esempio dalla vita di tutti i giorni. Ad esempio, abbiamo un certo numero di punti vendita. Se abbiamo solo una presa nella stanza, allora possiamo collegare un solo dispositivo, se ci sono due prese, allora possiamo collegare due dispositivi, e se più, allora possiamo connetterci a rete elettrica, tutti i dispositivi da casa.
Passiamo ora alla programmazione.
var socket = 2; // Numero di socket in casa if(socket == 1) document.write("
Possiamo collegare un solo dispositivo
"); else if(socket == 2)( document.write("Possiamo collegare solo due dispositivi
"); document.write("Ad esempio TV e laptop
"); )else( document.write("Possiamo collegare tutti i dispositivi da casa alla rete elettrica
"); }A seconda del valore della variabile socket, funzionerà l'uno o l'altro blocco di codice. Come probabilmente avrai già capito, se socket è uguale a 1, il primo blocco di codice funzionerà. Se socket è 2, il secondo blocco di codice funzionerà e se socket è qualsiasi altro valore (even un numero negativo) allora il terzo blocco di codice funzionerà.
Abbreviazione di se altro
Un'abbreviazione può essere utilizzata quando, a seconda di una determinata condizione, una variabile può ricevere uno o un altro valore.
Ad esempio, se il valore della variabile a più valore variabile b, quindi scriviamo alla variabile x il seguente messaggio, "La variabile a è maggiore della variabile b", altrimenti scriviamo che "La variabile a è minore della variabile b".
Var a = 50, b = 100, x; x = (a > b) ? "
Variabile A Di più variabile b
" : "Variabile A meno variabile b
"; //Emetti il risultato document.write(x);Questo è tutto ciò che volevo dirti in questo articolo. L'istruzione condizionale if-else viene utilizzata più che in ogni script, quindi è molto importante conoscerla e comprenderla. Nel prossimo articolo, ti parlerò di un'altra istruzione condizionale switch-case.
A questo esempio prima dichiariamo quattro variabili con parola chiave var e assegna loro immediatamente valori numerici. Successivamente, utilizzando gli operatori di incremento e decremento, modifichiamo i valori dei numeri. Le informazioni vengono visualizzate utilizzando la funzione eco(vedi articolo ""). Per non scrivere ancora una volta il nome dell'oggetto, ho usato la costruzione insieme a().
Operatori logici
Gli operatori logici vengono utilizzati quando si verifica una condizione, per non essere ripetuta, farò un'abbreviazione: l'operando di sinistra è L.O. e l'operando di destra è P.O.
- && - Booleano "AND"
- || - "O"
- ! - "NON"
- > - L.O. più PO
- >= - L.O. maggiore o uguale a P.O.
- < - Л.О. меньше П.О.
- <= - Л.О. меньше или равен П.О.
- == - L.O. è uguale a PO
- != - L.O. non uguale a P.O.
- |= - L.O. è uguale a se stesso OPPURE P.O.
- &= - L.O. è uguale a se stesso E P.O.
- ^= - ESCLUSIVO O
Consideriamo ora il seguente script:
| //***************************************** // operazioni logiche// logic_if_else.js //***************************************** var a= 10 , b= 100 , WshShell, titolo, msg1, msg2, msg3, msg4, vbInformation = 64 ; // Crea un'istanza della classe WScript.Shell WshShell = WScript.CreateObject ("WScript.Shell" ); titolo = "Utilizzo dell'istruzione condizionale IF ELSE JS"; with(WshShell) ( if (a>= 5 && a<= 100 ) //истина msg1 = "TRUE" ; else msg1 = "FALSE" ; Popup (msg1, 5 , title, vbInformation) ; if (a>= 5 || b== 100 ) //vero msg2 = "VERO" ; altrimenti msg2 = "FALSO" ; Popup (msg2, 5, titolo, vbInformation) ; //istruzione condizionale js se altro if (! a) //false msg3 = "VERO" ; altrimenti msg3 = "FALSO" ; Popup (msg3, 5, titolo, vbInformation) ; if (a&= 100 ) //false msg4 = "VERO" ; altrimenti msg4 = "FALSO" ; Popup (msg4, 5, titolo, vbInformation) ; ) |
Come nello script precedente, qui ho usato la costruzione insieme a per abbreviare il codice. Tuttavia, per visualizzare le informazioni, abbiamo utilizzato la funzione apparire(vedi articolo ""). Di conseguenza, le finestre di dialogo si chiuderanno automaticamente dopo alcuni secondi. Si noti che non abbiamo usato parentesi graffe in questo esempio. nell'istruzione js if conditional, sono rilevanti solo quando è necessario eseguire non una riga di codice, ma diverse.
Infine, diamo un'occhiata a questo esempio pratico, come soluzione dell'equazione quadratica:
| // Risolvere l'equazione quadratica// uravnenije_if_else.js // *********************************************************** var a, b, c, d, x, x1, x2; //Dichiara variabili a=- 2 ; b=6; c= 20 ; //Cercando il discriminante d= Matematica .pow (b, 2 ) - 4 * a * c; se (d== 0 ) ( x= b/ (2 * a) ; msg= "L'equazione ha una soluzione, x è esattamente"+ x ) else ( if (d> 0 ) ( x1= (- b+ Math .sqrt (d) ) / (2 * a) ; x2= (- b- Math .sqrt (d) ) / (2 * a) messaggio= "L'equazione ha due soluzioni \n x1 esattamente"+ x1 + " \n x2 esattamente "+x2; // istruzione condizionale if else js) else msg= "Nessuna soluzione" ; ) WScript.Echo (msg) ; |
L'origine di questo esempio interattivo è archiviata in un repository GitHub. Se desideri contribuire al progetto di esempi interattivi, clona https://github.com/mdn/interactive-examples e inviaci una richiesta pull.
Sintassi
if (condizione) istruzione1 condizione Un'espressione considerata veritiera o falsa. statement1 Dichiarazione che viene eseguita se la condizione è veritiera. Può essere qualsiasi istruzione, incluse ulteriori istruzioni if nidificate. Per eseguire più istruzioni, utilizzare un'istruzione di blocco (( ... )) per raggruppare tali istruzioni. Per non eseguire alcuna istruzione, utilizzare un'istruzione vuota. statement2 Istruzione che viene eseguita se la condizione è falsa ed esiste la clausola else. Può essere qualsiasi istruzione, incluse le istruzioni block e le istruzioni if ulteriormente nidificate.Descrizione
È possibile annidare più istruzioni if...else per creare una clausola else if. Nota che non esiste una parola chiave elseif (in una parola) in JavaScript.
If (condizione1) istruzione1 else if (condizione2) istruzione2 else if (condizione3) istruzione3 ... else istruzioneN
Per vedere come funziona, ecco come apparirebbe se la nidificazione fosse correttamente rientrata:
If (condizione1) istruzione1 else if (condizione2) istruzione2 else if (condizione3) ...
Per eseguire più istruzioni all'interno di una clausola, utilizzare un'istruzione block (( ... )) per raggruppare tali istruzioni. In generale, è buona norma usare sempre le istruzioni block, specialmente nel codice che coinvolge le istruzioni nidificate if:
If (condizione) ( affermazioni1 ) else ( affermazioni2 )
Non confondere i primitivi valori booleani veri e falsi con la veridicità o falsità dell'oggetto booleano. Qualsiasi valore che non sia false , undefined , null , 0 , -0 , NaN o la stringa vuota ("") e qualsiasi oggetto, incluso un oggetto booleano il cui valore è false, è considerato veritiero se utilizzato come condizione. Per esempio:
Varb = new Boolean(false); se (b) // questa condizione è veritiera
Esempi
Usando se... altro
if (cipher_char === from_char) ( result = result + to_char; x++; ) else ( result = result + clear_char; )Usando altro se
Nota che non c'è altro se la sintassi in JavaScript. Tuttavia, puoi scriverlo con uno spazio tra altro e se:
If (x > 50) ( /* fa la cosa giusta */ ) else if (x > 5) ( /* fa la cosa giusta */ ) else ( /* fa la cosa giusta */ )
Assegnazione all'interno dell'espressione condizionale
È consigliabile non utilizzare assegnazioni semplici in un'espressione condizionale, perché l'assegnazione può essere confusa con l'uguaglianza quando si esamina il codice. Ad esempio, non utilizzare il seguente codice:
Se (x = y) ( /* fai la cosa giusta */ )
Se è necessario utilizzare un compito in un'espressione condizionale, una pratica comune consiste nell'inserire parentesi aggiuntive attorno al compito. Per esempio:
If ((x = y)) ( /* fai la cosa giusta */ )
Specifiche
| Specifica | Stato | Commento |
|---|---|---|
| Ultima bozza ECMAScript (ECMA-262) |
Brutta copia | |
| ECMAScript 2015 (6a edizione, ECMA-262) La definizione di "istruzione if" in quella specifica. |
standard | |
| ECMAScript 5.1 (ECMA-262) La definizione di "istruzione if" in quella specifica. |
standard | |
| ECMAScript 3a edizione (ECMA-262) La definizione di "istruzione if" in quella specifica. |
standard | |
| ECMAScript 1a edizione (ECMA-262) La definizione di "istruzione if" in quella specifica. |
standard | definizione iniziale |
Compatibilità del browser
La tabella di compatibilità in questa pagina è generata da dati strutturati. Se desideri contribuire ai dati, controlla https://github.com/mdn/browser-compat-data e inviaci una richiesta pull.
Aggiorna i dati di compatibilità su GitHub
| Desktop | Mobile | server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Cromo | bordo | Firefox | Internet Explorer | musica lirica | safari | visualizzazione web Android | Chrome per Android | Firefox per Android | Opera per Android | Safari su iOS | Samsung Internet | Node.js | |
| se altro | Supporto completo per Chrome 1 | Edge Pieno supporto 12 | Firefox Pieno supporto 1 | IE Pieno supporto 3 | Opera Pieno supporto Sì | Safari Pieno supporto Sì | WebView Android Supporto completo 1 | Chrome Android Pieno supporto 18 | Firefox Android Pieno supporto 4 | Opera Android Pieno supporto Sì | Safari iOS Pieno supporto Sì | SAMSUNG Internet Android Pieno supporto 1.0 | nodejs Supporto completo Sì |
Iniziamo a conoscere le istruzioni condizionali in JavaScript. Qui considereremo il costrutto If-Else. Tradotta in russo, questa condizione viene letta come If-Then.
Ma prima di iniziare a parlare delle condizioni in JavaScript, diamo un'occhiata a come e dove si verificano nella vita reale.
Ad esempio, se la sera è sereno, andremo al parco.
se questa macchina costa meno di $ 1.000, la comprerò e così via.
Quindi, come probabilmente avrai già capito, la condizione “Se” e la conseguenza “Allora” si trovano molto spesso nella nostra vita. Cioè, il nostro comportamento in varie situazioni dipende principalmente da qualsiasi condizione.
Lo stesso vale per i linguaggi di programmazione. Hanno costrutti speciali che consentono di impostare determinate condizioni ed eseguire azioni se le condizioni specificate sono soddisfatte o meno.
Proviamo a implementare qualche semplice esempio di utilizzo di operatori condizionali, o meglio il costrutto If-Else in JavaScript.
Per prima cosa, diamo un'occhiata a come funziona l'istruzione If in JavaScript.
Per fare ciò, daremo prima un esempio di seguito, quindi lo analizzeremo.
La sera io e la mia famiglia andiamo al parco
Cosa cercare nell'esempio sopra?
Innanzitutto, i segni di uguale == e l'assegnazione = in JavaScript. Dovrebbero essere distinti: cioè prima creiamo una variabile e le assegniamo un valore. Quindi nella condizione If si parla di uguaglianza.
In secondo luogo, quando si parla di adempimento o non adempimento di una condizione racchiusa tra parentesi graffe () , è opportuno comprendere che il linguaggio JavaScript accetta anche la condizione o Vero o Falso. Cioè, se la condizione è True, come nel nostro caso, viene eseguita l'azione racchiusa tra parentesi graffe ().
Se la condizione è False, come nell'esempio seguente, la condizione racchiusa tra parentesi graffe () non verrà eseguita.
Ecco come funziona l'istruzione condizionale If: se la condizione è True, l'azione viene eseguita, se è False, non verrà eseguita. Tutto è semplice.
Ora parliamo di come funziona il costrutto If-Else in JavaScript. Altrimenti si traduce come "Altrimenti".
Torniamo alla vita reale. Nella maggior parte dei casi, se viene soddisfatta una condizione, allora facciamo una cosa. Se non è soddisfatto - "Altrimenti", allora facciamo qualcos'altro.
Continuiamo con gli esempi forniti in precedenza.
Se la sera è sereno andiamo al parco, altrimenti (se nuvoloso) staremo a casa a guardare la TV.
O se questa macchina costa meno di $ 1000, la comprerò, altrimenti (se costa di più) Andrò in viaggio con questi soldi.
JavaScript ha anche la possibilità di fornire un'alternativa ( Fai qualcos'altro) se la condizione non è soddisfatta. In JavaScript possiamo creare condizioni simili utilizzando il costrutto If-Else. Diamo un'occhiata a un esempio.
Restiamo a casa - guardiamo la TV
Analizziamo l'esempio fornito.
Quindi, se la condizione è True, viene eseguita l'azione successiva all'istruzione If, racchiusa tra parentesi graffe () .
Se la condizione è False , viene eseguita l'azione successiva all'istruzione Else, anch'essa racchiusa tra parentesi graffe () .
Abbiamo visto come funziona un semplice ma comune costrutto JavaScript If-Else. E qui, per il futuro, va detto che non importa quanto sia complessa la condizione, ciò che conta prima di tutto è che sia Vero o Falso.
Per consolidare il materiale ricoperto Dichiarazioni condizionali in Javascript - costrutto IF-ELSE Diamo un'occhiata a un altro esempio.
Solo ora usiamo la condizione If-Else quando lavoriamo con i numeri.
Il conteggio della variabile è minore o uguale a 10
Qui, come negli esempi precedenti, tutto è semplice. In questo caso la variabile di conteggio è uguale a 10 , cioè la condizione è TRUE e sullo schermo viene visualizzato il messaggio corrispondente.
Nell'esempio seguente, la condizione non è soddisfatta: il conteggio della variabile è maggiore di 10 , il che significa che la condizione è FALSE , il che significa che il messaggio che segue l'istruzione Else viene visualizzato sullo schermo.
Il conteggio delle variabili è maggiore di 10
Quindi, qui abbiamo esaminato gli esempi più semplici di utilizzo di operatori condizionali in JavaScript. Questo è tutto - per niente difficile, i lavori di costruzione di If-Else.
Prendi la serie di amici dall'argomento precedente: var friends = ["Aleksey" , "Vyacheslav" , "Grigory" , "Nastya" , "Paul" ];
Scrivi una condizione che controlli : se il numero di elementi nell'array è maggiore o uguale a 3, viene visualizzato un messaggio che indica che si tratta di un array grande con almeno 3 elementi. Altrimenti, visualizza un messaggio che dice che si tratta di un piccolo array con meno di 3 elementi.
Prima di scrivere una condizione di test, è necessario ricordare e sapere come contare il numero di elementi in un array. La proprietà della lunghezza ci aiuterà in questo.
La stessa operazione avrebbe potuto essere eseguita in modo leggermente diverso, utilizzando una versione più breve del codice. Non è necessario creare la variabile count , che contiene il numero di elementi dell'array. Vedi esempio sotto...
