¿Cómo desestructurar un arreglo de objetos en javascript?

Pregunta de la clase:
Componentes de TODO Machine
Daniel Verdugo

Daniel Verdugo

Pregunta
studenthace 4 años

¿Cómo desestructurar un arreglo de objetos en javascript?

4 respuestas
para escribir tu comentario
    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 4 años

    ¡Nunca pares de aprender! 💚

    Daniel Verdugo

    Daniel Verdugo

    studenthace 4 años

    Gracias, me sirvieron mucho sus aportes. :)

    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 4 años

    ¡Hola! Lo puedes hacerlo por partes, dependiendo de la información que quieras extraer. Mira el siguiente código:

    const array = [ {id: 1, name: "Andres"}, {id: 2, name: "Juan"}, {id: 2, name: "Platzi"}, ]

    Hacerlo por partes

    const [primerObjeto, segundoObjeto, tercerObjeto] = array

    Si el array es mas largo 😛

    const [primerObjeto, ...rest] = array

    Extraigo la propiedad name del objeto guardándola en la variable

    primerNombre
    .

    const {name: primerNombre} = primerObjeto console.log(primerNombre) //Andres

    También iterando el objeto para extraer los nombres

    const nombres = array.map(objeto => { const {name} = objeto return name }) console.log(nombres) /*[ 'Andres', 'Juan', 'Platzi' ] */

    ¡Espero haberte ayudado! 💚

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC