Diferencia entre los métodos Object.values ​​y Object.entries

El objeto es la clase principal de la que se heredan todos los objetos de JavaScript y estos dos métodos son los métodos estáticos de la clase de objeto, ya que son llamados por el nombre de clase de la clase de objeto.

Método Object.values(): en el mismo orden que for…in the loop, el método Object.values() devuelve una array de los valores de propiedad enumerables de un objeto. Esta es la única diferencia: un for…in the loop también enumera propiedades en la string prototipo.

Sintaxis:

Object.values(object)
  • Parámetro: este objeto es enumerable con sus propias propiedades cuyos valores deben devolverse.
  • Tipo de devolución: Array de valores

Ejemplo: los usuarios pueden abrir la consola en el navegador web Chrome presionando ctrl + shift + I .

HTML

<script>
    let fullname = {
        firstname: "geeks",
        middlename: "for",
        lastname: "geeks",
    };
    let name = Object.values(fullname);
    console.log(name);
</script>

Producción:

["geeks", "for", "geeks"]

Método Object.entries():

Este método devuelve una array de claves y valores de las propiedades enumerables con clave de string de los objetos. Funciona de manera similar a iterar con for…in the loop, con la excepción de que for…in the loop también enumera propiedades en la string de prototipo.

Sintaxis:

Object.entries(object)
  • Parámetro: Devuelve los pares [clave, valor] de propiedades con clave de string enumerables propias del objeto.
  • Retorno: Esta es una array de los pares [clave, valor] de propiedad con clave de string del objeto dado.

Ejemplo:

HTML

<script>
    let fullname = {
        firstname: "geeks",
        middlename: "for",
        lastname: "geeks",
    };
    let name = Object.entries(fullname);
    console.log(name);
</script>

Producción:

[["firstname", "geeks"], 
 ["middlename", "for"], 
 ["lastname", "geeks"]]

Diferencia entre los métodos object.value y object.entries:

objeto.valor objeto.entradas
Devuelve la array de valores de un objeto en particular. Devuelve una array de arrays de par clave-valor
Devuelve solo valores de todas las claves presentes en un objeto. Devuelve ambas claves así como sus valores presentes en un objeto.

Publicación traducida automáticamente

Artículo escrito por debadebaduttapanda7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *