No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Regálate acceso ilimitado a todos los cursos por 1 año a precio especial de Navidad 🎄

Antes: $199

Currency
$149/año
regístrate

termina en:

16D
15H
46M
4S

ES8: object entries y object values

22/38
Recursos

Los métodos de transformación de objetos a arrays sirven para obtener la información de las propiedades, sus valores o ambas.

Obtener los pares de valor de un objeto en un array

Object.entries() devuelve un array con las entries en forma [propiedad, valor] del objeto enviado como argumento.

const usuario = {
    name: "Andres",
    email: "[email protected]",
    age: 23
}

Object.entries(usuario) 
/* 
[
  [ 'name', 'Andres' ],
  [ 'email', '[email protected]' ],
  [ 'age', 23 ]
]  
*/

Obtener las propiedades de un objeto en un array

Object.keys() devuelve un array con las propiedades (keys) del objeto enviado como argumento.

const usuario = {
    name: "Andres",
    email: "[email protected]",
    age: 23
}

Object.keys(usuario) 
// [ 'name', 'email', 'age' ]

Obtener los valores de un objeto en un array

Object.values() devuelve un array con los valores de cada propiedad del objeto enviado como argumento.

const usuario = {
    name: 'Andres',
    email: "[email protected]",
    age: 23
}

Object.values(usuario) 
// [ 'Andres', '[email protected]', 23 ]

Contribución creada por Andrés Guano (Platzi Contributor).

Aportes 12

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Si llegaste hasta acá vas por la mitad del curso, no te rindas 😄

Hola [email protected]
ES8:

  • Object entries
const countries = { MX: "Mexico", CO: "Colombia", CL: "Chile", PE: "Peru"}
console.log(Object.entries(countries));
  • Object values
const countries = { MX: "Mexico", CO: "Colombia", CL: "Chile", PE: "Peru"}
console.log(Object.values(countries));

Síntesis de lo que hemos estado viendo; en solo una imagen:

Algo que me di cuenta, conn “Object.entries” es que, solo te transforma los objetos en array que estén en el primer nivel,

Pero si tienes un objeto que tiene otro objeto dentro, el objeto que esta mas adentro, permanecerá igual.

hay muchos metodos que nos permiten transformar un object to array entre ellos Object.assign(Arraydata)

El método Object.assign() copia todas las propiedades enumerables de uno o más objetos fuente a un objeto destino. Devuelve el objeto destino.

02-object-keys.js

const countries = { MX: 'Mexico', CO: 'Colombia', CL: 'Chile', PE: 'Peru'};

console.log( Object.keys(countries) ); 
// >> [ 'MX', 'CO', 'CL', 'PE' ]

Estos métodos son muy útiles cuando es necesario convertir un objeto en un array. Y tener un array es mucho mejor porque tiene métodos de manipulación muy útiles como .map() .reduce() o .filter().
.
Pero sabían que también es posible transformar un array en un objeto? es decir el proceso inverso?
.
Esto se hace con Object.fromEntries

const obj = {
    MX: 'Mexico',
    CO: 'Colombia',
    CL: 'Chile',
    AR: 'Argentina'
}

// Convierte a los valores de un objeto literal en un array
console.log (Object.values (obj))
// [ 'Mexico', 'Colombia', 'Chile', 'Argentina' ]

// Convierte a los keys de un objeto literal en un array
console.log (Object.keys (obj))
// [ 'MX', 'CO', 'CL', 'AR' ]