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

Daniel Verdugo

Daniel Verdugo

Pregunta
studenthace 3 años

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

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

    Christopher Andrés Guano Valencia

    studenthace 3 años

    ¡Nunca pares de aprender! 💚

    Daniel Verdugo

    Daniel Verdugo

    studenthace 3 años

    Gracias, no encontraba esa información, pero ya lo tengo claro. :)

    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 3 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 :P

    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 ECMAScript 6+

Curso de ECMAScript 6+

JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA International publica una nueva edición de ECMAScript, la especificación a la cual se ajusta JavaScript. Aprende las nuevas características que implementa ECMAScript desde la versión 6 hasta la versión 10.

Curso de ECMAScript 6+
Curso de ECMAScript 6+

Curso de ECMAScript 6+

JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA International publica una nueva edición de ECMAScript, la especificación a la cual se ajusta JavaScript. Aprende las nuevas características que implementa ECMAScript desde la versión 6 hasta la versión 10.