Está bien usar un if
dentro de otro, pero es recomendable usar la menor cantidad de if
posibles. También se puede usar un switch
.
Podemos analizar los posibles valores:
- Si
x
es a
- Si
counter.length
no es 0
x
es a
y counter.length
no es 0
- Si no (
counter.length
es 0
)
x
es a
y counter.length
es 0
- Si no (
x
no es a
)
x
no es a
y counter.length
puede ser cualquier cosa.
El tercer caso no se usa. Veamos qué ocurre si juntamos los dos if
en uno solo.
- Si
x
es a
y counter.length
no es 0
x
es a
y counter.length
no es 0
En caso contrario probamos todas las combinaciones posibles y eliminamos la anterior. Como son dos condiciones, y cada uno puede ser o no ser equivalente, entonces hay 4 posibles.
x
es a
y counter.length
es 0
x
es a
y counter.length
no es 0
x
no es a
y counter.length
es 0
x
no es a
y counter.length
no es 0
Ya eliminamos la segunda. Nos queda así.
x
es a
y counter.length
es 0
x
no es a
y counter.length
es 0
x
no es a
y counter.length
no es 0
Los puntos 2 y 3 pueden unificarse a x!=a
. Podemos dar vuelta las condiciones.
counter.length
es 0
y x
es a
counter.length
es 0
y x
no es a
counter.length
no es 0
y x
no es a
Los puntos 1 y 2 pueden unificarse a counter.length==0
.
Entonces las dos siguientes expresiones son equivalentes:
x==a && counter.length==0 || x!=a
x!=a && counter.length!=0 || counter.length==0
Entonces los condicionales quedan así:
if(x==a && counter.length!=0){
x==a && counter.length!=0
}else{
x==a && counter.length==0 || x!=a
x!=a && counter.length!=0 || counter.length==0
}
Volvemos al if
dentro del otro para ver si coincide:
if( x==a && counter.length!=0 ){
x==a && counter.length!=0
}else{
x==a && counter.length==0
}
Aquí notamos al comparar que el if
coincide, y el else
también coincide el primero, pero no contempla que x
no es a
, porque lo está dejando afuera:
x!=a && counter.length==0
x!=a && counter.length!=0
En conclusión, podemos ver en este caso que no solo es correcto usar uno dentro de otro, si no que además es necesario usarlos.
Otro ejemplo, esta vez no usamos el else
:
if(x==a) {
if(counter.length!=0){
// x es a y counter.length no es 0
}
}
En este caso, como no hay else
, lo que se hace dentro del if
es el único caso posible.
if(x==a && counter.length!=0){
// x es a y counter.length no es 0
}
Entonces en este caso, pueden juntarse los if
sin problemas.
Por otra parte, para saber cuántas etiquetas hay dentro de una etiqueta hay que usar .children.length
, esto busca las etiquetas y las cuenta.
Código:
var etiqueta = document.querySelector("div")
var etiquetas = etiqueta.children
var cantidad_etiquetas = etiquetas.length
if(cantidad_etiquetas){
console.log("Cantidad de etiquetas:", etiqueta.children.length)
for(var i=0;i<cantidad_etiquetas;++i){
console.log(etiquetas[i])
}
}else{
console.log("No hay etiquetas")
}
<div>
<p>Hola</p>
<a>Mundo</a>
</div>
<<si>>