You signed in with another tab or window.Reload to refresh your session.You signed out in another tab or window.Reload to refresh your session.You switched accounts on another tab or window.Reload to refresh your session.Dismiss alert
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
The first two checks turn into two`case`.The third check is split into two cases:
Las primeras dos validaciones se vuelven dos`case`.La tercera validación se separa en dos casos:
```js run
let a = +prompt('a?', '');
Expand All
@@ -21,6 +21,6 @@ switch (a) {
}
```
Please note: the `break`at the bottom is not required. But we put it to make the code future-proof.
Nota: El `break`al final no es requerido. Pero lo agregamos para preparar el código para el futuro.
In the future, there is a chance that we'd want to add one more`case`, for example `case 4`.And if we forget to add abreakbefore it, at the end of`case 3`,there will be anerror.So that's a kind of self-insurance.
En el futuro existe una probabilidad de que querramos agregar un`case` adicional, por ejemplo `case 4`.Y si olvidamos agregar unbreakantes, al final de`case 3`,habrá unerror.Por tanto, es una forma de auto-asegurarse.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
A`switch`statement can replace multiple `if` checks.
Una sentencia`switch`puede reemplazar múltiples condiciones `if`.
It gives a more descriptive way to compare a value with multiple variants.
Provee una mejor manera de comparar un valor con sus múltiples variantes.
##The syntax
##La sintaxis
The`switch`has one or more`case` blocks and an optionaldefault.
`switch`tiene uno o mas bloques`case`y un opcional `default`.
It looks like this:
Se ve de esta forma:
```js no-beautify
switch(x) {
case 'value1': // if (x === 'value1')
case 'valor1': // if (x === 'valor1')
...
[break]
case 'value2': // if (x === 'value2')
case 'valor2': // if (x === 'valor2')
...
[break]
Expand All
@@ -26,71 +26,71 @@ switch(x) {
}
```
-The value of `x`is checked for a strict equality to the value from the first`case` (that is, `value1`) then to the second (`value2`)and so on.
-If the equality is found, `switch`starts to execute the code starting from the corresponding `case`, until the nearest`break`(or until the end of `switch`).
-If nocase is matched then the`default`code is executed (if it exists).
-El valor de `x`es comparado contra el valor del primer`case` (en este caso, `valor1`), luego contra el segundo (`valor2`)y así sucesivamente, todo esto bajo una igualdad estricta.
-Si la igualdad es encontrada, `switch`empieza a ejecutar el código iniciando por el primer `case` correspondiente, hasta el`break`más cercano (o hasta el final del `switch`).
-Si nose cumple ningún caso entonces el código`default`es ejecutado (si existe).
##An example
##Ejemplo
An example of `switch` (the executed code is highlighted):
Un ejemplo de `switch` (se resalta el código ejecutado):
```js run
let a = 2 + 2;
switch (a) {
case 3:
alert( 'Too small' );
alert( 'Muy pequeño' );
break;
*!*
case 4:
alert( 'Exactly!' );
alert( '¡Exacto!' );
break;
*/!*
case 5:
alert( 'Too large' );
alert( 'Muy grande' );
break;
default:
alert( "I don't know such values" );
alert( "Desconozco estos valores" );
}
```
Here the `switch`starts to compare`a`from the first`case`variant that is`3`.The match fails.
Aquí el `switch`inicia comparando`a`con la primera variante`case`que es`3`.La comparación falla.
Then `4`.That's a match, so the execution starts from`case 4`until the nearest`break`.
Luego `4`.La comparación es exitosa, por tanto la ejecución empieza desde`case 4`hasta el`break` más cercano.
**If there isno `break`then the execution continues with the next `case`without any checks.**
**Sinoexiste`break`entonces la ejecución continúa con el próximo `case`sin ninguna revisión.**
An example without `break`:
Un ejemplo sin `break`:
```js run
let a = 2 + 2;
switch (a) {
case 3:
alert( 'Too small' );
alert( 'Muy pequeño' );
*!*
case 4:
alert( 'Exactly!' );
alert( '¡Exacto!' );
case 5:
alert( 'Too big' );
alert( 'Muy grande' );
default:
alert( "I don't know such values" );
alert( "Desconozco estos valores" );
*/!*
}
```
In the example above we'll see sequential execution of three`alert`s:
En el ejemplo anterior veremos ejecuciones de tres`alert` secuenciales:
```js
alert( 'Exactly!' );
alert( 'Too big' );
alert( "I don't know such values" );
alert( '¡Exacto!' );
alert( 'Muy grande' );
alert( "Desconozco estos valores" );
```
````smart header="Any expression can be a`switch/case` argument"
Both `switch`and `case`allow arbitrary expressions.
````encabezado inteligente="Cualquier expresión puede ser un argumento`switch/case`"
alert("this runs, because +ais 1,exactly equals b+1");
alert("esto se ejecuta, porque +aes 1,exactamente igual b+1");
break;
*/!*
default:
alert("this doesn't run");
alert("esto no se ejecuta");
}
```
Here `+a`gives `1`,that's compared with`b + 1`in `case`,and the corresponding code is executed.
Aquí `+a`da `1`,esto es comparado con`b + 1`en `case`,y el código correspondiente es ejecutado.
````
##Grouping of "case"
##Agrupamiento de "case"
Several variants of `case`which share the same code can be grouped.
Varias variantes de `case`los cuales comparten el mismo código pueden ser agrupadas.
For example, if we want the same code to run for `case 3`and `case 5`:
Por ejemplo, si queremos que se ejecute el mismo código para `case 3`y `case 5`:
```js run no-beautify
let a = 2 + 2;
switch (a) {
case 4:
alert('Right!');
alert('¡Correcto!');
break;
*!*
case 3: // (*)grouped two cases
case 3: // (*)agrupando dos cases
case 5:
alert('Wrong!');
alert("Why don't you take a math class?");
alert('¡Incorrecto!');
alert("¿Por qué no tomas una clase de matemáticas?");
break;
*/!*
default:
alert('The result is strange. Really.');
alert('El resultado es extraño. Realmente.');
}
```
Now both `3`and `5`show the same message.
Ahora ambos `3`y `5`muestran el mismo mensaje.
The ability to "group" casesis a side-effect of how`switch/case`works without`break`.Here the execution of `case 3`starts from the line `(*)`and goes through`case 5`,because there's no `break`.
La habilidad para "agrupar" caseses un efecto secundario de como trabaja`switch/case`sin`break`.Aquí la ejecución de `case 3`inicia desde la línea `(*)`y continúa a través de`case 5`,porque no existe `break`.
##Type matters
##El tipo importa
Let's emphasize that the equality check is always strict. The values must be of the same type to match.
Vamos a enfatizar que la comparación de igualdad es siempre estricta. Los valores deben ser del mismo tipo para coincidir.
For example, let's consider the code:
Por ejemplo, consideremos el código:
```js run
let arg = prompt("Enter a value?");
let arg = prompt("Ingrese un valor");
switch (arg) {
case '0':
case '1':
alert( 'One or zero' );
alert( 'Uno o cero' );
break;
case '2':
alert( 'Two' );
alert( 'Dos' );
break;
case 3:
alert( 'Never executes!' );
alert( '¡Nunca ejecuta!' );
break;
default:
alert( 'An unknown value' );
alert( 'Un valor desconocido' );
}
```
1. For `0`, `1`, the first `alert` runs.
2. For `2` the second `alert` runs.
3. But for `3`, the result of the `prompt` is a string `"3"`, which is not strictly equal `===` to the number `3`. So we've got a dead code in `case 3`! The `default` variant will execute.
1. Para `0`, `1`, se ejecuta el primer `alert`.
2. Para `2` se ejecuta el segundo `alert`.
3. Pero para `3`, el resultado del `prompt` es un string `"3"`, el cual no es estrictamente igual `===` al número `3`. Por tanto ¡Tenemos un código muerto en `case 3`! La variante `default` se ejecutará.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.