Bucle a través del diccionario en JavaScript

Los objetos de JavaScript son muy flexibles y se pueden usar para crear pares clave-valor. Estos objetos funcionan de manera similar a los diccionarios de Python.

Los diccionarios y los objetos se usan mucho porque cada valor almacenado tiene su clave única (similar a JavaScript Array), y se puede acceder a esos valores a través de esas claves. Esto permite una excelente flexibilidad en la lectura y el almacenamiento de datos.

La publicación de hoy nos enseñará cómo iterar el objeto o el diccionario para extraer los pares clave-valor en JavaScript.

Bucle a través del diccionario en JavaScript usando Object.entries()

Podemos devolver una matriz de pares [clave, valor] de propiedades enumerables de clave de cadena de un objeto determinado utilizando el método Object.entries().

Esto es similar a iterar con un bucle for...in. Sin embargo, este bucle enumera propiedades en la cadena de prototipos.

El orden de la matriz devuelta es el mismo que el devuelto por un bucle for...in. Una propiedad enumerable en JavaScript significa que una propiedad es visible cuando se itera usando el bucle for...in o el método Object.keys().

De forma predeterminada, todas las propiedades creadas por una asignación simple o un inicializador de propiedad son enumerables.

Sintaxis:

Object.entries(obj)

El método Object.entries acepta un objeto como argumento, un parámetro obligatorio.

Puede encontrar más información sobre Object.entries() en esta documentación.

Tomemos un ejemplo de un objeto empleado. Este objeto contiene detalles básicos del empleado.

Cuando itera sobre un objeto de empleado, imprimirá todas sus propiedades enumerables.

const object = {
  employeeName: 'John Doe',
  employeeId: 27,
  salary: {
    '2018 - 19': '400000INR',
    '2019 - 20': '500000INR',
    '2020 - 21': '650000INR'
  },
}

               Object.defineProperty(student, 'address', {
                 value: 'India',
                 configurable: true,
                 writable: false,
                 enumerable: false,
               });

for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

Hemos agregado la nueva propiedad dirección en el ejemplo anterior, pero su tipo enumerable se establece en false. Dado que el método Object.entries() solo itera a través de propiedades enumerables, no imprimirá la propiedad de dirección.

Intente ejecutar el ejemplo anterior en cualquier navegador. Verá el siguiente resultado.

Producción :

"employeeName", "John Doe"
"employeeId", 27
"salary", {
  2018-19: "400000INR",
  2019-20: "500000INR",
  2020-21: "650000INR"
}

También puede acceder al ejemplo completo dado anteriormente aquí.