Según tu última oración queda claro que el tema de los if
lo comprendes (me parece que el título de tu pregunta es engañoso). Y que la pregunta principal es porque el resultado es undefined
y no 2
Partamos con un ejemplo distinto.
function suma(a,b){
let resultado = a+b;
//return resultado;
}
console.log(suma(1,1));
console.log(suma(1,1) + 1);
Al comentar el return
queda una función que retorna undefined
, ya que no tiene retorno conocido. En el segundo caso retorna NaN
, ya que undefined + numero = NaN
(Quédate con esto en la mente)
Luego veamos qué pasa con reduce
Lo primero que hay saber es que el primer argumento de la función reduce
es otra función, y como toda función para que haga algo debe ser invocada.
Yo crearé una versión muy simplificada de una función reduce para números, para que veas cómo funciona el tema
let users = [{name: 'usser1',online: true,},{name: 'usser2',online: true,},{name: 'usser3',online: false},];
Array.prototype.Custom_Reduce = function(funcion, inicial){
let resp=inicial;
for(let item of this){ //recorremos el array
resp = funcion(resp,item); //invocamos la función, aquí está el problema
}
return resp;
};
let usserOnline = users.Custom_Reduce((cont, user) => {
if (user.online) {
cont++;
return cont;
}
}, 0);
console.log(usserOnline);
Observa que el código es el mismo que el tuyo, solo que ahora usamos Custom_Reduce
. Veamos que pasa en las últimas 2 líneas de esta función:
resp = funcion(resp,item);
}
return resp;
Ahora tienes que observar el array original y encontrar el último elemento de la lista, donde verás que es online: false
. Entonces, como es false
no entra al if
y por lo tanto esa función retorna undefinied
. (como pasaba en el ejemplo inicial de la suma)
Y como ahí termina la iteración, este undefinied
es el resultado final.
¿Y qué pasa si la lista estuviera ordenada de modo distinto?
Digamos que ahora en la lista los elementos 1 y 3 son online: true
y solo el segundo es false
Probaré con el reduce
de toda la vida y con Custom_Reduce
let users = [{name: 'usser1',online: true,},{name: 'usser2',online: false,},{name: 'usser3',online: true},];
Array.prototype.Custom_Reduce = function(funcion, inicial){
let resp=inicial;
for(let item of this){ //recorremos el array
resp = funcion(resp,item); //invocamos la función, aquí está el problema
}
return resp;
};
let usserOnline1 = users.Custom_Reduce((cont, user) => {
if (user.online) {
cont++;
return cont;
}
}, 0);
let usserOnline2 = users.reduce((cont, user) => {
if (user.online) {
cont++;
return cont;
}
}, 0);
console.log(usserOnline1);
console.log(usserOnline2);
Ahora dan ambos NaN
, porque en la segunda iteración retornó undefined
y en la tercera retorna un numero + undefined
. y como vimos al principio esto es NaN
if
...