Caso Nº 1
Si partimos de la idea de lo que plantea el título de la publicación, cito:
Devolver un arreglo con solo los enteros de una función llamada 'soloNumeros' que contiene enteros y strings
Podríamos definirla así:
const inventario = [
{ nombre: 'tenedor', cantidad: 6 },
{ nombre: 'cuchara', cantidad: 4,}
];
// Nuestra función:
const checkInventario = (inventario, item) => {
const cantidades = inventario
.filter(value => value.nombre === item && value.cantidad)
.map(value => value.cantidad);
return cantidades.length > 0 ? cantidades : 0;
}
// Mostrar resultados:
console.log(checkInventario(inventario, "tenedor") );
Explicación
Lo que se hizo en este caso fue definir un array denominado cantidades
con la intención de recoger números de la propiedad cantidad
de cada objeto almacenado en el array inventario
, es decir:
const cantidades = inventario
.filter((value) => value.nombre === item && value.cantidad)
.map((value) => value.cantidad);
Donde el método .filter
filtra los resultados utilizando la siguiente coincidencia:
value.nombre === item && value.cantidad
Es decir, si la propiedad .nombre
coincide con item
y además, está definida la propiedad .cantidad
en cada objeto evaluado durante la iteración estos serán los elementos de cantidades
.
Sin embargo, como lo que se quiere obtener es un array de números se utiliza, además de .filter
el mètodo .map
, es decir:
...
.map((value) => value.cantidad);
Para devolver el valor almacenado en value.cantidad
y no el objeto entero.
Para finalizar, necesitamos que nuestra función devuelva el array de números o simplemente un 0
en función de si se formó dicho array.
Es decir, mediante la utilización de operador ternario:
return cantidades.length > 0 ? cantidades : 0;
Pero podemos hacer que nuestra función devuelva siempre números enteros o array de números enteros con independencia de que la propiedad cantidad
de cada objeto exista o no o tenga un tipo de datos que sea diferente de un número.
Es decir:
const inventario = [
{ nombre: 'tenedor', cantidad: 6 },
{ nombre: 'cuchara', cantidad: 4,}
];
// Nuestra función:
const checkInventario = (inventario, item) => {
const cantidades = inventario
.filter(value => value.nombre === item && !isNaN(value.cantidad))
.map(value => parseInt(value.cantidad));
return cantidades.length > 0 ? cantidades : 0;
}
// Mostrar resultados:
console.log(checkInventario(inventario, "tenedor") );
Se cambió esta línea:
.filter(value => value.nombre === item && value.cantidad)
Por esta otra en el método .filter
:
.filter(value => value.nombre === item && !isNaN(value.cantidad))
Y en el método .map
se cambió esta:
.map(value => value.cantidad);
Por esta otra:
.map(value => parseInt(value.cantidad));
Caso Nº 2
Ahora bien, si lo que quiere lograr es un resultado similar a este:
checkInventario(inventario, "tenedor"); // devuelve => 6
Puedes definir la funcióncheckInventario( inventario, item )
de la siguiente manera:
const inventario = [
{ nombre: 'tenedor', cantidad: 6 },
{ nombre: 'cuchara', cantidad: 4,}
];
// Nuestra función:
const checkInventario = (inventario, item) => {
const _item = inventario.find(value => value.nombre == item);
const { cantidad = 0 } = _item ? _item : {};
return !isNaN(cantidad) ? parseInt(cantidad) : 0;
}
// Mostrar resultados:
console.log(checkInventario(inventario, "tenedor") );
Explicación:
La línea:
const _item = inventario.find((value) => value.nombre == item);
O su equivalente, que también puede ser expresado así:
const _item = inventario.find((value) => {
return value.nombre == item;
});
Lo que hace es almacenar un objeto (si lo encuentra) en una constante _item
que desestructuraremos en la siguiente línea:
const { cantidad = 0 } = _item ? _item : {};
Es decir, cantidad
es nuestra propiedad obtenida del objeto _item
. En caso de no estar definido tendrá como valor por defecto el 0
.
Note que la siguiente línea:
_item ? _item : {};
Es un operador ternario, es decir, que si _item
está definido se tomará, de lo contrario, el valor tomado será un objeto vacío. En cualquiera de los casos, se desestructurará en cantidad
si efectivamente [_item
] está definida, de lo contrario, [cantidad
] tomará el valor 0
por defecto.
Observe que la línea:
return !isNaN(cantidad) ? parseInt(cantidad) : 0;
También tiene un operador ternario. En ella se evalúa si cantidad
es un número, de serlo, obtener de él un entero [con parseInt(cantidad)
], de lo contrario, su valor por defecto será 0
.
Agregando validación al primer parámetro de la función
Podemos hacer que nuestra función devuelva 0
por defecto si no se le pasan parámetros. Esto hará que nuestra función sea más funcional:
const inventario = [
{ nombre: 'tenedor', cantidad: 6 },
{ nombre: 'cuchara', cantidad: 4,}
];
// Nuestra función:
const checkInventario = (inventario, item) => {
if ( !Array.isArray(inventario) )
return 0;
const _item = inventario.find(value => value.nombre == item);
const { cantidad = 0 } = _item ? _item : {};
return !isNaN(cantidad) ? parseInt(cantidad) : 0;
}
// Mostrar resultados:
console.log(checkInventario( inventario ) );
console.log(checkInventario( inventario, "cuchara" ) );
console.log(checkInventario( inventario, "Cualquier cosa" ) );
En esta oportunidad solo se ha agregado las líneas:
if (!Array.isArray(inventario))
return 0;
Al comienzo de la función checkInventario
para validar que nuestro parámetro inventario
sea un array. Con esta validación extra se asegura que la función devuelva 0
como valor por defecto, siempre que se haya incluido la siguiente línea en ella:
const { cantidad = 0 } = _item ? _item : {};
Que ya ha sido explicada anteriormente en esta publicación.
Referencias