Com s'utilitza la declaració JavaScript if-else

Com s'utilitza la declaració JavaScript if-else

Les sentències condicionals injecten lògica al vostre programa i la seva aplicació és il·limitada. Si encara no esteu en JavaScript, domineu com s'utilitza el 'if-else' statement us permet instruir específicament el vostre programa sobre com hauria de funcionar.





L’ús de condicions a JavaScript és fàcil. Comencem.





Com s'utilitzen les condicions a JavaScript

Com molts altres llenguatges de programació, les afirmacions condicionals de JavaScript comencen per la si declaració.





A continuació, es mostra la seva sintaxi:

if(condition){
// some actions;
}

Si la condició del parèntesi és certa, el programa executarà les accions dins del claudàtor.



El en cas contrari llavors apareix la sentència si voleu evitar una sortida en blanc quan el fitxer si condició retorna un resultat fals:

if(condition){
// some actions;
}else{// execute something else}

Tingues en compte que en cas contrari no accepta una condició definida. En el seu lloc, executa les accions designades només si una condició anterior és falsa.





I si voleu consultar altres condicions abans d'utilitzar un en cas contrari , aquí és on si no la declaració és útil. És similar a com ho feu vosaltres utilitzeu sentències condicionals a Python . És una ' elif ' i no ' si no ', però, a Python.

Per utilitzar el fitxer si no sentència en JavaScript, la sintaxi condicional es converteix en:





com desfer-se dels anuncis a instagram
if(condition){
// some actions;
}else if(another condition){
// execute another action
}else{// execute something else}

també en podeu fer servir tants si no declaracions com vulgueu:

if(condition){
// some actions;
}else if(another condition){
// execute another action
}else if(a third condition){
// perform another action
}else{// execute something else}

Vegem ara alguns exemples pràctics que combinen aquestes afirmacions condicionals:

var name = 'idowu';
if(name== 'MUO'){
console.log('Hello'+ ' '+ name);
}else{
console.log('Hello everyone');
}
Output: Hello everyone

L'exemple anterior executa l'acció dins del fitxer en cas contrari declaració perquè el valor de nom no és MUO.

Relacionat: Què és JavaScript i com funciona?

Vegem ara un exemple de codi que utilitza les tres sentències condicionals.

El codi següent registra una felicitació per al nom només a l’índex zero:

var names = ['MUO', 'Jane', 'Idowu'];
if(names[0]=='Jane'){
console.log('Hello'+ ' ' +names[0]);
}else if(names[0]=='Idowu'){
console.log('Hello'+ ' ' +names[0]');
}else if(names[0]=='MUO'){
console.log(Hello'+ ' ' +names[0]);
}else{
console.log('You didn't get the index');
}
Output: Hello MUO

Condicions de JavaScript amb l'operador ternari

També podeu declarar les condicions de JavaScript mitjançant l’operador ternari.

La sintaxi general té aquest aspecte:

var x = condition ? operation one : operation two

El signe d'interrogació (?) comprova la validesa de la condició. Si això és cert, s’executa primera operació . En cas contrari, es dirigeix ​​cap a operació segona .

Aquí hi ha un exemple pràctic de com utilitzar l’operador ternari amb un si una altra cosa declaració:

com funciona el rànquing a overwatch
var name = 'Idowu';
var checkName =
name == 'MUO' ? console.log('Hello'+ ' '+ name) : console.log('Hello everyone');
Output: Hello everyone

I si voleu comprovar més condicions mitjançant l 'operador ternari JavaScript (similar a si no ):

var temperature = 25
var checkTemperature =
temp<24 ? console.log('Too cold') :
temp == 25 ? console.log('Moderate') :
console.log('extreme');
Output: Moderate

A continuació, es reescriu l’últim fragment de codi de la secció anterior mitjançant l’operació ternària:

var names = ['MUO', 'Jane', 'Idowu'];
var checkIndex =
names[0] == 'Jane' ? console.log('Hello'+ ' ' +names[0]) :
names[0] == 'Idowu' ? console.log('Hello'+ ' ' +names[0]) :
names[0] == 'MUO' ? console.log('Hello'+ ' ' +names[0]) :
console.log('You didn't get the index');
Output: Hello MUO

Nota: Tot i que és senzill, és possible que no vulgueu utilitzar l'operació ternària amb condicions imbricades, ja que us pot confondre. Però no deixa de ser una manera ordenada d’expressar afirmacions condicionals si en sabeu el camí.

Controleu el vostre JavaScript amb condicions

Com qualsevol altre llenguatge de programació, el domini de les afirmacions condicionals de JavaScript us permet realitzar operacions lògiques il·limitades. En conseqüència, teniu el control de com es comporta el vostre programa.

Dit això, tant si decidiu utilitzar sentències simples 'si-altrament' com l'operació ternària, assegureu-vos que el vostre codi sigui llegible i fàcil d'entendre.

Compartir Compartir Tweet Correu electrònic 10 consells per escriure codi més net i millor

Escriure codi net sembla més fàcil del que és realment, però els avantatges valen la pena. A continuació s’explica com podeu començar a escriure codi més net avui.

Llegiu a continuació
Temes relacionats
  • Programació
  • JavaScript
  • Programació
Sobre l'autor Idisou Omisola(94 articles publicats)

Idowu és un apassionat de qualsevol tecnologia intel·ligent i productivitat. Durant el temps lliure, juga amb la codificació i canvia al tauler d’escacs quan s’avorreix, però també li agrada deixar de banda la rutina de tant en tant. La seva passió per mostrar a la gent el camí cap a la tecnologia moderna el motiva a escriure més.

Més de Idowu Omisola

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us