Expresiones if…else en JavaScript

Las instrucciones if…else en javascript se usa para ejecutar una expresión if específicamente cuando la condición es verdadera, y si la condición no es verdadera, ejecutará otra expresión(else).

Características generales

Estructura if…else en javascript

if (condition)
   statement1
[else
   statement2]

condition

Una expresión puede ser verdadera (verdadera) o falsa (falsa).

statement1

La expresión que se ejecutará cuando la condición sea condition verdadera. Esta expresión puede ser cualquier expresión válida, incluidas if las expresiones de árbol. Se puede crear una sección de bloque para { ... } agrupar más de una expresión para todas ellas, o se puede usar una expresión vacía ; para que no se ejecuta la expresión.

statement2

La expresión que se ejecutará cuando la condición condition no sea verdadera y haya una partición else, y esta expresión puede ser cualquier expresión válida, incluidas if las expresiones de árbol.

Se puede if...else anidar más de una expresión entre sí para crear una partición else if. Tenga en cuenta que no existe una palabra reservada en JavaScript como elseif:

if (condition1)
   statement1
else if (condition2)
   statement2
else if (condition3)
   statement3
...
else
   statementN

Si desea comprender la estructura del ejemplo anterior, es mejor agregar sangrías de la siguiente manera:

if (condition1)
   statement1
else
   if (condition2)
      statement2
   else
      if (condition3)
...

Para ejecutar más de una expresión dentro de una partición, se pueden usar particiones de bloque para { ... }agrupar esas expresiones. Tenga en cuenta que siempre es una buena idea usar secciones de bloque, especialmente cuando se ramifican expresiones if:

if (condition) {
   statements1
} else {
   statements2
}

Es importante no confundir los valores booleanos primitivos con true y false con el objeto Boolean. Cualquier valor que no son iguales a undefined, null, 0 o NaN una cadena vacía "", y cualquier objeto – incluyendo un objeto Boolean cuyo valor es false– se cuentan como true. 

Ejemplo:

var b = new Boolean(false);
if (b)  // esta condición se cumplirá

Ejemplos y aplicaciones en código

Usar if…else

if (cipher_char === from_char) {
   result = result + to_char;
   x++;
} else {
   result = result + clear_char;
}

Usar else if

Tenga en cuenta que no hay una palabra reservada en JavaScript con un nombre else if, pero se puede escribir con un espacio entre else e if:

if (x > 5) {
 / * expresiones * / 
} else if (x > 50) {
 / * expresiones * / 
}  else  { 
 / * expresiones * / 
}

Asignaciones de expresiones condicionales

Es una buena idea no usar asignaciones simples dentro de expresiones condicionales, porque la asignación puede confundirse con expresiones de igualdad cuando se mira el código, por lo que es mejor no usar código que se parezca a lo siguiente:

if (x = y) {
   / * expresiones * / 
}

Si necesita una asignación dentro de la expresión condicional, es común poner paréntesis adicionales alrededor para indicarla:

if ((x = y)) {
   / * expresiones * / 
}

Soporte de navegadores

• 
  Expresión const en JavaScript
• 
  Expresión let en JavaScript
• 
  Expresión var en JavaScript
• 
  Expresión try…catch en JavaScript
• 
  Expresión throw en JavaScript
• 
  Continue en JavaScript
• 
  Switch en JavaScript
• Expresiones if…else en JavaScript
• 
  Declaración vacía o empty en JavaScript
• 
  Break en JavaScript
• 
  Sentencia block en JavaScript
• 
  Arguments en JavaScript
• 
  Promise en JavaScript
• 
  Number en JavaScript
• 
  Características JSON en JavaScript
• 
  Array en JavaScript
• 
  RegExp en JavaScript
• 
  String en JavaScript
• 
  Date en JavaScript
• 
  Math en JavaScript
• 
  URIError en JavaScript
• 
  TypeError en JavaScript
• 
  SyntaxError en JavaScript
• 
  ReferenceError en JavaScript
• 
  RangeError en JavaScript
• 
  EvalError en JavaScript
• 
  Características Boolean en JavaScript
• 
  Error en JavaScript
• 
  Función Symbol en JavaScript
• 
  Constructor Function en JavaScript
• 
  Constructor Object en JavaScript
• 
  Función unescape()‎ en JavaScript
• 
  Función eval()‎ en JavaScript
• 
  Valor null en JavaScript
• 
  Características Undefined en JavaScript
• 
  Características NaN en JavaScript
• 
  Características Infinity en JavaScript
• 
  Función parseFloat()‎ en JavaScript
• 
  Función isNaN()‎ en JavaScript
• 
  Función isFinite()‎ en JavaScript
• 
  Función escape()‎ en JavaScript
• 
  Función encodeURIComponent()‎ en JavaScript