Normalmente podríamos utilizar un if o un else if, para poder hacer selección de un listado de opciones en página web.
esto es practico siempre y cuando la cantidad de opciones sea corta ya que, si el listado es muy grande, no solo sería tedioso
el manejo, sino que además deberíamos utilizar demasiadas líneas de código para poder llegar a una solución correcta del problema.
Ejemplo de un if y else if.
functionencuentraTuPais(tuPais) {
if (tuPais == "Colombia"){
console.log("Tu pais se encuentra en grandiosa Sudamerica");
}
elseif (tuPais == "China"){
console.log("Tu pais esta ubicado en el legendario continente Asiatico");
}
elseif (tuPais == "España"){
console.log("Tu pais esta ubicado en el magnifico Antiguo continente europeo");
}
elseif (tuPais == "Camerun"){
console.log("Tu pais esta ubicado en el exotico y magnanimo continente africano");
}
else {console.log("TU PAIS PROBABLEMENTE NO SEA DE ESTE PLANETA...JAJAJA")};
}
Por consola lo veríamos así:
Como vemos, si tomáramos así cada uno de los países del mundo el código sería interminable y muy poco práctico.
Para dar una solución rápida y eficaz a este inconveniente lo más practico en JavaScript es realizar este proceso
por medio de un solo if.
Por lo cual a continuación describo el paso a paso de como podríamos hacerlo haciendo uso de un solo if dentro de una función.
const todosLosPaises = {
Colombia: "Tu pais se encuentra en grandiosa Sudamerica",
China: "Tu pais esta ubicado en el legendario continente Asiatico",
España: "Tu pais esta ubicado en el magnifico Antiguo continente europeo",
Camerun:"Tu pais esta ubicado en el exotico y magnanimo continente africano"
};
functionencuentraTuContinente(tuPais){
}
functionencuentraTuContinente(tuPais){
if (todosLosPaises[tuPais]);return;
}
functionencuentraTuContinente(tuPais){
if (todosLosPaises[tuPais]){
console.log(todosLosPaises[tuPais]);
return;
}
functionencuentraTuContinente(tuPais){
if (todosLosPaises[tuPais]){
console.log(todosLosPaises[tuPais]);
return;
}
console.warn("TU PAIS PROBABLEMENTE NO SEA DE ESTE PLANETA...JAJAJA")
}
const todosLosPaises = {
Colombia: "Tu pais se encuentra en grandiosa Sudamerica",
China: "Tu pais esta ubicado en el legendario continente Asiatico",
España: "Tu pais esta ubicado en el magnifico Antiguo continente europeo",
Camerun:"Tu pais esta ubicado en el exotico y magnanimo continente africano"
};
functionencuentraTuContinente(tuPais){
if (todosLosPaises[tuPais]){
console.log(todosLosPaises[tuPais]);
return;
}
console.warn("TU PAIS PROBABLEMENTE NO SEA DE ESTE PLANETA...JAJAJA")
}
Por consola al ingresar los países nos retornará la respuesta esperada haciendo uso de una sola condicional en este caso “if”, y así se mostrará por consola:
Y si el valor ingresado por consola es incorrecto o erróneo, se mostrará el mensaje con alerta.