1

Estoy intentando hacer grafos con JavaScript pero me salen muchos errores a la hora de mostrar por consola los arrays, supongamos tengo un array, donde si lo mapeo me imprime bien si lo hago uno por uno, pero si imprimo el array sin mapear me dan valores que no tienen nada que ver con el array, acá un código con un array de objetos

23:     array.map((e) => {
24:       console.log(e);
25:        return e;
26:      });
27:      console.log(array);

Esta es la respuesta que me da el código de arriba

respuesta

también veo que en la consola, que en la linea 27 me marca un (3) [{…}, {…}, {…}] pero al abrirlo me salen valores que no se de donde salieron

me pasa así en casi toda la ejecución del código

lo que no entiendo es por que si hago un map del array y hago un console.log de cada ítem si me devuelve los valores correctos, pero no si hago un console.log(array)

5
  • 2
    Relacionada: es.stackoverflow.com/questions/231316/… el 26 abr. 2022 a las 9:43
  • Array.map no modifica el array original, crea uno nuevo el 26 abr. 2022 a las 10:05
  • 1
    muestra el array original
    – David081
    el 26 abr. 2022 a las 12:16
  • Es probable que estes reutilizando la variable array o tal vez es global y por eso la diferencia entre lo que dice inicialmente y lo que muestra luego al explandirlo.
    – Marcos
    el 26 abr. 2022 a las 14:24
  • Justo al lado del console.log con el (3), hay un icono con una ( i ), si pones el cursor ahi verás lo que necesitas... Eso significa que puede existir una diferencia entre la primera vez que hiciste console.log y la segunda vez cuando lo expandiste. es decir, alguna parte del código pudo haber mutado la variable luego del console.log
    – Pipe
    el 26 abr. 2022 a las 22:33

1 respuesta 1

0

En principio estarias queriendo usar el metodo map tal cual si fuese un ciclo for, lo cual no es la idea, ya que map, filter y reduce lo que hacen es devolverte un nuevo array, la idea es mantener el array original "inmutable". Supongamos que tienes un arreglo de productos como el que sigue:

const productos = [
   {
    nombre: "licuadora",
    precio: 1000
   },
   {
    nombre: "cafetera",
    precio: 1500
   },
   {
    nombre: "lavadora",
    precio: 5000
   }
  ]

//y quieres obtener una lista de precios actualizada un 20% (muy usual en mi pais)
// esto podria dartelo:

console.log(productos.map(producto => producto.precio * 1.20));

//pero la idea es usarlo de la siguiente forma:

const preciosActualizados = productos.map(producto => `${producto.nombre} $${producto.precio * 1.20}`)

console.log(preciosActualizados);

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.