25 Oct Ejercicio – ¿En qué día de la semana estamos?
En este ejercicio vamos a aplicar el concepto de condicional y veremos como muchas veces siempre hay una solución mejor.
Existen dos tipos de condicionales que podemos usar.
- Estructura switch(){}
- Estructura if(){}else{}
Te sugiera hacer este ejercicio previamente.
Enunciado
Escribe mediante javascript una rutina que devuelva por pantalla el día exacto de la semana en el que nos encontramos.
El día debe ser devuelto en formato texto. Por ejemplo lunes, martes, miércoles,… domingo.
Solución del ejercicio
Hay varias posibles soluciones.
Todas tienen en común el uso del método getDay() para un objeto de tipo fecha. La particularidad es que devuelve un número del 0 al 6 siendo el 0 el domingo y el 6 el sábado.
La primera y más obvia es mediante el uso de un switch(). Se evalúan todos los casos y se almacena en una variable el texto que queremos escribir.
La segunda solución sorprende un poco la primera vez que la ves. Es la solución óptima.
Nos valemos de un array con los días ordenados. Después simplemente hay que pedir al array que nos devuelva la posición que marca el valor numérico devuelto por .getDay()
Solución mediante switch(){}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="que dia de la semana es">
<meta name="author" content="Francesc Ricart">
<title>Solución sin condicionales</title>
</head>
<body>
<script>
var d = new Date();
var numDia = d.getDay();
var traduccion;
switch(numDia){
case 0:
traduccion = "domingo";
break;
case 1:
traduccion = "lunes";
break;
case 2:
traduccion = "martes";
break;
case 3:
traduccion = "miércoles";
break;
case 4:
traduccion = "jueves";
break;
case 5:
traduccion = "viernes";
break;
case 6:
traduccion = "sábado";
break;
default:
traduccion ="[error]"
}
document.write("hoy es " + traduccion);
</script>
</body>
</html>Solución mediante un array. Solución óptima.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="que dia de la semana es">
<meta name="author" content="Francesc Ricart">
<title>Solución óptima con array</title>
</head>
<body>
<script>
var d = new Date();
var semana = ["domingo","lunes","martes","miércoles","jueves","viernes","sábado"]
document.write("hoy es " + semana[d.getDay()]);
</script>
</body>
</html>¡Hola!
Querido lector,
Típicamente en clase todo el mundo opta por la primera solución con switch(){}.
Personalmente me gusta más con el array() por el poco número de líneas de código que usa.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Ejercicio nivel principiante dónde se presenta una misma solución mediante un while y un for. Incluye solución.
Veamos como podemos deshabitar el envío de un formulario web mediante javascript haciendo uso del evento submit() y preventDefault()
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Ejercicio javascript en el que se repasa el concepto de acoplamiento y se piden corregir algunos errores típicos.
No Comments