Skip to main content
Una pequeña aclaratoria
Origen Enlace
David E. Luna M.
  • 2.9k
  • 4
  • 14
  • 30

Caso N.º 1

Devolver un arreglo con solo los enteros de una función llamada 'soloNumeros', que contiene enteros y strings

Podríamos definirla así (solo que ahora es denominada checkInventario):

Caso N.º 2

Caso 1

Devolver un arreglo con solo los enteros de una función llamada 'soloNumeros' que contiene enteros y strings

Podríamos definirla así:

Caso 2

Caso N.º 1

Devolver un arreglo con solo los enteros de una función llamada 'soloNumeros', que contiene enteros y strings

Podríamos definirla así (solo que ahora es denominada checkInventario):

Caso N.º 2

Origen Enlace
David E. Luna M.
  • 2.9k
  • 4
  • 14
  • 30

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