Índice del curso de ES6

  1. Introducción al Curso de Javascript
  2. console.log
  3. Comentarios
  4. Variables
  5. Operadores
  6. Estructuras condicionales
  7. Bucle for
  8. Bucle while
  9. Break! - Gran día de repaso
  10. funciones
  11. Arrow functions
  12. Métodos para trabajo con cadenas
  13. Números aleatorios
  14. location.href
  15. Colección de ejercicios
  16. DOM
  17. Efecto Parallax
  18. innerHTML
  19. Propiedad style
  20. Cambiar atributo src
  21. Añadir clase, borrar clase, alternar clase, evaluar si tiene una clase
  22. Create Element
  23. Arrays
  24. Ejercicios avanzados
  25. LocalStorage
  26. Deconstrucción
  27. fetch
  28. Import, export
  29. Modernizr

Estructuras condicionales

Operadores lógicos o booleanos

<script type="text/javascript">
	console.log("Mayor: ", 7>2);
	console.log("Menor: ", 7<2);
	console.log("Mayor o igual: ", 7>=2);
	console.log("Menor o igual: ", 7<=2);
	console.log("Igual: ", 7==2);
	console.log("Distinto: ", 7!=2);
</script>

Diferencia entre == y ===

El triple igual significa “son iguales sin conversión de tipos”.

  • 1=="1" // true, conversión automática del tipo de datos
  • 1==="1" // false, ya que son datos de diferente tipo
  • 0==false // true
  • 0===false // false, ya que son datos de diferente tipo

Condicional if

<script>
	const dato1 = 3;
	const dato2 = 5;
	
	if(dato2 > dato1){
		console.log("dato2 es mayor que dato1");
	}
</script>

Ejercicio

Modificar sólo el operador booleano para lograr que se imprima el mensaje.

<script>
	const dato1 = 10;
	const dato2 = 10;
	if(dato1 > dato2){console.log("exito");}
</script>

else if

<script>
	const dato1 = 3;
	const dato2 = 5;
	
	if(dato1 > dato2){
		console.log("dato1 es mayor que dato2");
	}else if(dato1<dato2){
		console.log("dato1 es menor que dato 2");
	}	
</script>

else

<script>
	const dato1 = 3;
	const dato2 = 5;
	if(dato1 > dato2){
		console.log("dato1 es mayor que dato2");
	}else if(dato1==dato2){
		console.log("dato1 es igual que dato2");
	} else{
		console.log("Va a ser que no...");
	}
</script>

Ejercicios if

  1. Corrige los errores que hay en este código:

    <script type="text/javascript">
    if {10 == 10}(
        console.log("You got a true!")
    ) else (
        console.log("You got a false!")
    )
    <script type="text/javascript">
  2. Dada una constante que contiene la nota de un examen que va de 0 a 10...
    • Si es mayor que cinco mostrar el texto "Aprobado".
    • Si es igual a cinco, mostrar el texto "Aprobado por los pelos"
    • Si es menor que cinco, mostrar el texto "Suspenso".
  3. Declarar una constante 'i' de tipo entero y asígnale un valor. Mostrar un mensaje indicando si el valor de 'i' es positivo o negativo, si es par o impar, si es múltiplo de 5, si es múltiplo de 10 y si es mayor o menor que 100. Consideraremos el 0 como positivo.
  4. Hacer una calculadora que determine la operación a realizar por medio de una estructura de control if.

    La calculadora utilizará 3 constantes para hacer los cálculos.

    • Una constante que almacenará el primer número. Por ejemplo:
      const n1 = 3;
    • Una constante que almacenará el segundo número. Por ejemplo:
      const n2 = 7;
    • Una constante de tipo texto que almacenará la operación a realizar. Esta constante podrá valer +, -, * o /, en función de la operación que deseamos realizar. Por ejemplo:
      const op = '+';

    Utilizaremos la estructura de control if para evaluar la constante que almacena la operación a realizar y en función de esa evaluación, hacer una suma, una resta, una multiplicación o una división.

Operador ternario

const a = 5;
const b = 3;

if(a>b){console.log("a es mayor que b");}
else{console.log("b es mayor que a");}

		
const resultado = (a>b)?"a es mayor que b":"b es mayor que a";
console.log(resultado);

Ejercicios operador ternario

  1. Declare una variable numérica 'b' y asignale un valor. Mostrar una traza indicando si el valor de 'b' es positivo o negativo. Consideraremos el 0 como positivo. Utiliza el operador condicional (? : ) dentro del console.log para resolverlo.
  2. Declarar una variable numérica 'i' y asignale un valor. Muestra un mensaje indicando si 'i' es par o impar. Utiliza el operador condicional ( ? : ) dentro del console.log para resolverlo.

Estructura switch

let opcion = 'opcion1';

switch(opcion) {
	case 'opcion1':
		console.log("Has escogido la opción 1");
	break;
	case 'opcion2':
		console.log("Has escogido la opción 2");
	break;
	case 'opcion3':
		console.log("Has escogido la opción 3");
	break;
	default:
		console.log("No has escogido ninguna de las opciones posibles");
}

Ejercicio: switch modificando el case

Inserta el código necesario para que esta estructura de control Switch funcione también con el amarillo.

const color = 'amarillo';
switch(color) {
	case 'rojo':
		console.log("Has escogido rojo");
	break;
	case 'azul':
		console.log("Has escogido azul");
	break;
	//Inserta tu código aquí
	default:
		console.log("No has escogido ningún color de la lista!");
}

Ejercicio: switch modificando el default

Añadir el caso por defecto (default):

let golosina = 'nubes';

switch(golosina) {
	case 'chicle':
		console.log("Has escogido un chicle");
	break;
	case 'gominola':
		console.log("Has escogido una gominola");
	break;
	case 'regaliz':
		console.log("Has escogido un regaliz");
	break;
		//Inserta tu código aquí
}
icono de mandar un mailPreguntame lo que quieras!
Pablo Monteserín
contacta conmigoPablo Monteserín

El servicio de resolución de dudas técnicas es sólo para los usuarios premium. Si tienes cualquier otra duda, usa el formulario de contacto. ¡Gracias!