es como que me convirtio los ids pero no | midudev - Aprende y Mejora en Programación JavaScript | Page 1

neon hemlock Aug 17, 2022, 3:58 PM

#

Manda captura de como lo estás haciendo, porfa

neon hemlock Aug 17, 2022, 4:13 PM

#

@void ingot escribamos por aquí (para no afectar el principal)

A que te refieres con en vez de eso puedo ponerlo por el indice?

void ingot Aug 17, 2022, 4:15 PM

#

uy èrdpm

#

no te lei

#

perdon

#

{console.log("row: ", Object.entries(row)[index])}

#

asi pero me da una cosa rarisima

#

o sea me perdi en el sentido de

#

yo ahi estoy pasando cada fila a array no?

#

pero para automatizarlo podria poner index

neon hemlock Aug 17, 2022, 4:17 PM

#

Pero espera, ya comentaste las lineas que tienes arriba (las que hacer un entries y un slice)?

void ingot Aug 17, 2022, 4:17 PM

#

no, solo los console.logs

#

comento todo todo?

neon hemlock Aug 17, 2022, 4:18 PM

#

Si, las 6 lineas, (los 3 console.log y las otras)

void ingot Aug 17, 2022, 4:18 PM

#

val perdon

#

ya comente todo y salio bien

#

porque estaba trtando con registerCut

neon hemlock Aug 17, 2022, 4:19 PM

#

Claro, ahora llamas a register

void ingot Aug 17, 2022, 4:19 PM

#

correcto

#

#

si pongo index solo me sale 1

#

y 8 rows de undefined

neon hemlock Aug 17, 2022, 4:21 PM

#

void ingot

Claro, el indice hace referencia a la fila, mas no a la columna, tendrías que usar 2 map, el que ya tienes y otro para Object.entries

void ingot Aug 17, 2022, 4:21 PM

#

vale como dos bucles fors anidados para recorrer matriz

#

1 sec a ver si me aclaro

#

register.map((row, index) => (
<p key={index}>
{row.map((c, cindex) => console.log("hola"))}

#

vale entiendo que los maps son asi

neon hemlock Aug 17, 2022, 4:23 PM

#

Si, pero el segundo no es de row si no de, Object.entries(row)

void ingot Aug 17, 2022, 4:24 PM

#

vale true

#

vale lo que en javascript normal seria

#

matriz[i][j]

#

no se pasarlo a react

#

con c[cindex] si que me lee una columna

#

no tendria que hacer nda en verdad no?

#

pq en register ya queda convertido en array

void ingot Aug 17, 2022, 4:27 PM

#

void ingot pq en register ya queda convertido en array

sip

#

en verdad como un array de objetos

neon hemlock Aug 17, 2022, 4:29 PM

#

Es que register es un arreglo, por eso se usa map para poder iterar todas las filas, pero cada fila no es un arreglo, es un objeto de todas propiedades de tu csv, por eso se usa Object.entries, que convierte un objeto a un arreglo, con eso ya puedes volver a iterar (que es tu 2° map), con esa información (la variable c) ya tienes en la posición 0 cual es la cabecera (si es id, nombre, apellido, etc) y en la posición 1 cual es el valor para esa cabecera (1, 2, Lucia, etc)

#

Por esa razón no puedes usar index porque va aumentando de acuerdo a los registros

#

Siempre usa c[0] para mostrar la cabecera y c[1] el valor

void ingot Aug 17, 2022, 4:32 PM

#

estoy leyendo todo detenidamente

#

pero y si tengo 5 columnas entonces no puedo usar index?

void ingot Aug 17, 2022, 4:34 PM

#

neon hemlock Por esa razón no puedes usar `index` porque va aumentando de acuerdo a los regis...

a esto te refieres a que el segundo map todavia no esta hecho y todavia no se ha convertido a array y por eso no se puede poner index?

#

me sale eso

neon hemlock Aug 17, 2022, 4:35 PM

#

void ingot pero y si tengo 5 columnas entonces no puedo usar index?

No y es que no lo necesitas, ya que tu 2° map se encarga de iterar las columnas, mira este ejemplo:

void ingot Aug 17, 2022, 4:35 PM

#

vale porque c depende de las filas entonces lo hace por filas?

#

vale porque va cogiendo la cabecera por cada fila entiendo

#

y yo todo esto ya me lo podria ir poniendo en arrays a mi gusto para tratar con los datos no?

neon hemlock Aug 17, 2022, 4:37 PM

#

void ingot a esto te refieres a que el segundo map todavia no esta hecho y todavia no se ha...

No es que no este hecho, si no que index en tu 2° map hace referencia a la posición de la cabecera pero no necesitas

void ingot Aug 17, 2022, 4:37 PM

#

vale entendi

#

puedes quitar la cabecera si quieres

#

y puedes almacenar cada una en un array

neon hemlock Aug 17, 2022, 4:38 PM

#

void ingot vale porque c depende de las filas entonces lo hace por filas?

c es como en excel, seleccionar cada campo y que te devuelva cual es la cabecera y cual es el valor

void ingot Aug 17, 2022, 4:38 PM

#

vale entonces no se puede cortar hasta que no esta convertido a array no?

#

es que me daba error con que eran demasiados datos

void ingot Aug 17, 2022, 4:38 PM

#

neon hemlock `c` es como en excel, seleccionar cada campo y que te devuelva cual es la cabece...

okay entiendo

#

como el m[i][j] de los bucles

neon hemlock Aug 17, 2022, 4:39 PM

#

void ingot es que me daba error con que eran demasiados datos

Puedes usar slice(0, 5) sobre tu variable register antes de hacer el map:

register.slice(0, 5).map(.....

void ingot Aug 17, 2022, 4:39 PM

#

vale ya no me da error

#

pero si eso seria mucho mas eficiente

neon hemlock Aug 17, 2022, 4:40 PM

#

O hasta te queda mejor que en tu variable register (si no estoy mal es un estado) al llamar al setter hagas el slice

void ingot Aug 17, 2022, 4:41 PM

#

sii es un estado

#

va de lujo

#

al llamar al setter?

neon hemlock Aug 17, 2022, 4:45 PM

#

A tu variable setRegister o como le pusiste

void ingot Aug 17, 2022, 4:45 PM

#

si se llama asi

neon hemlock Aug 17, 2022, 4:45 PM

#

Vale, entonces donde este setRegister pon el slice

void ingot Aug 17, 2022, 4:45 PM

#

te refieres que englobe todo en

#

setRegister()

#

y dentro el slice y maps?

neon hemlock Aug 17, 2022, 4:45 PM

#

No, manda captura de donde llamas setRegister

void ingot Aug 17, 2022, 4:46 PM

#

#

en el papaparse pusimos en verdad

neon hemlock Aug 17, 2022, 4:46 PM

#

setRegister(data.data.slice(0, 5))

#

Y quita el slice de tu map, dejalo como antes

void ingot Aug 17, 2022, 4:50 PM

#

listo

#

esta bien

#

vale ahora con esta informacion ya puedo ir guardandome datos etc

#

he probado con muchas columnas y me va como mostraste todo ok

#

de momento lo dejo asi

#

gracias de nuevo juan pablo 🙂

neon hemlock Aug 17, 2022, 4:52 PM

#

De nada 😊 suerte con tu código 🙂

#es como que me convirtio los ids pero no