Cómo guardar el array de valores clave en JavaScript

Kirill Ibrahim 12 octubre 2023
  1. Usa el Object de JavaScript para almacenar un array de valores clave
  2. Usar el mapa de JavaScript para almacenar un array de claves y valores
Cómo guardar el array de valores clave en JavaScript

Los arrays en JavaScript son variables únicas que almacenan diferentes elementos. Podríamos necesitarlas para almacenar una lista de elementos, y cada elemento tiene un índice para acceder a ellos por él. JavaScript tiene diferentes métodos para almacenar un array de valores clave.

Usa el Object de JavaScript para almacenar un array de valores clave

El Object de JavaScript es una entidad con propiedades, y cada propiedad tiene valor, así que la terminología de valor clave puede funcionar en ella.

Ejemplo:

let obj1 = {id: 1, name: 'Mark', age: 30, country: 'USA'};
obj1.city = 'New York';
obj1['job'] = 'software developer';

console.log(obj1);

Resultado:

{
age: 30
city: "New York"
country: "USA"
id: 1
job: "software developer"
name: "Mark"
}

Podemos recorrerlo:

let obj1 = {id: 1, name: 'Mark', age: 30, country: 'USA'};
obj1.city = 'New York';
obj1['job'] = 'software developer';

for (let key in obj1) {
  console.log(key + ' => ' + obj1[key]);
}

Resultado:

id => 1
name => Mark
age => 30
country => USA
city => New York
job => software developer

Si tenemos un array, podemos hacer un bucle a través del array uno por uno, añadiendo las claves del índice de cada elemento, y los valores correspondientes en el Objeto.

let arr1 = ['delfstack', 'Computer', 'Science'];

let obj1 = {};

for (let i = 0; i < arr1.length; i++) {
  obj1[i] = arr1[i];
}

for (let key of Object.keys(obj1)) {
  console.log(key + ' => ' + obj1[key])
}

Resultado:

0 => delfstack
1 => Computer
2 => Science

Usar el mapa de JavaScript para almacenar un array de claves y valores

Map es como un Object. Es una lista de elementos de datos clave. La diferencia es que Map permite cualquier tipo de claves.

Sintaxis del Mapa de JavaScript

let map = new Map();
  • Guardar clave => valor:
map.set('name', 'mark');

Ejemplo de mapa de Java

let arr1 = ['delfstack', 'Computer', 'Science'];

let map = new Map();

for (let i = 0; i < arr1.length; i++) {
  map.set(i, arr1[i]);
}

for (let key of map.keys()) {
  console.log(key + ' => ' + map.get(key))
}

Resultado:

0 => delfstack
1 => Computer
2 => Science

Artículo relacionado - JavaScript Array

Artículo relacionado - JavaScript Map