¿Cuál es la diferencia entre los métodos Object.keys() y Object.entries() en JavaScript?

El método Object.keys() en JavaScript devuelve una array cuyos elementos son strings correspondientes a las propiedades enumerables

El método Object.entries() en JavaScript devuelve una array que consta de pares de propiedades enumerables [clave, valor] del objeto.

La única diferencia es que el método Object.keys() devuelve solo los nombres de propiedad propios y solo funciona para ES5, mientras que el método Object.entries() devuelve una array de arrays con clave y valor y funciona desde ES6.

Ejemplo 1: este ejemplo implementa el método Object.keys().

Programa:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Object.keys() VS Object.entries()
    </title>
</head>
  
<body style="text-align:center">
      
    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1>
      
    <b> 
        Object.keys() VS Object.entries()
    </b>
      
    <p>
        Click on the button to get all 
        properties values.
    </p>
      
    <button onclick="getValues()">
        Click
    </button>
      
    <script type="text/javascript">
        function getValues() {
            var object = {
                2: 'Geeks1',
                23: 'Geeks2',
                52: 'Geeks3'
            };
  
            let valuesArray = Object.keys(object);
  
            for (let value of valuesArray) {
                document.write(value + "<br>");
            }
        }
    </script>
</body>
  
</html>

Producción:

Ejemplo 2: este ejemplo implementa el método Object.entries().

Programa:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Object.keys() VS Object.entries()
    </title>
</head>
  
<body style="text-align:center">
  
    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1>
      
    <b> 
        Object.keys() VS Object.entries()
    </b>
      
    <p>
        Click on the button to get 
        all properties values.
    </p>
      
    <button onclick="getValues()">
        Click
    </button>
      
    <script type="text/javascript">
        function getValues() {
            var object = {
                2: 'Geeks1',
                23: 'Geeks2',
                52: 'Geeks3'
            };
  
            let valuesArray = Object.entries(object);
  
            for (let value of valuesArray) {
                document.write(value + "<br>");
            }
        }
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta