Lo que intento hacer es crear una mini app que me permitar generar una fórmula química a partir de los datos obtenidos por el usuario. En primera instancia es detectar que simbolo químico eligió, luego, ver si ese simbolo químico tiene o no una valencia de dicho elemento, luego de eso todo se me hace más sencillo porque se trata de jugar con los estilos de manera dinámica.
Espero hacerme entender con la pregunta. Trato de evitar crear: metales[0].simbolo,metales[1].simbolo, metales[2].simbolo, etc.
Si en tal caso mi array puede tener más objetos en el futuro, que estructura de control me puede ayudar a evitar esto? Intenté hacerlo con el bucle for pero al recorrer el arry, el alerta "alert('El símbolo fue encontrado');" lo hace tres veces (el número de objetos en el array), con lo cual, manda las tres alertas en vez de una sola donde encuentra la coincidencia. ¿Debo de usar lodash o underscore? ¿Está mal planteado el objeto? ¿Debo de usar indexOf? Muchas gracias!
function preguntar() {
var metales = [
{
'nombre': 'Litio',
'simbolo': 'Li',
'valencia': 1
},
{
'nombre': 'Sodio',
'simbolo': 'Na',
'valencia': 1
},
{
'nombre': 'Potasio',
'simbolo': 'K',
'valencia': 1
}
];
var pregunta = prompt("Indica el símbolo");
if(pregunta == metales[0].simbolo || pregunta == metales[1].simbolo || pregunta == metales[2].simbolo ) {
alert('El símbolo fue encontrado');
}else{
alert('El símbolo no fue encontrado');
}
}
preguntar();