Wie speichere ich ein Schlüssel-Wert-Array in JavaScript

1. Verwenden Sie JavaScript Object, um ein Schlüssel-Wert-Array zu speichern
2. JavaScript Map verwenden, um ein Schlüssel-Wert-Array zu speichern

Arrays in JavaScript sind einzelne Variablen, die verschiedene Elemente speichern. Wir könnten sie brauchen, um eine Liste von Elementen zu speichern, und jedes Element hat einen Index, über den es auf sie zugreifen kann. JavaScript hat verschiedene Methoden, um ein Schlüssel-Wert-Array zu speichern.

Verwenden Sie JavaScript Object, um ein Schlüssel-Wert-Array zu speichern

Das JavaScript Object ist eine Entität mit Eigenschaften, und jede Eigenschaft hat einen Wert, so dass die Schlüssel-Wert-Terminologie daran arbeiten kann.

Beispiel:

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

console.log(obj1);

Ausgabe:

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

Wir können es in einer Schleife durchlaufen:

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]);
}

Ausgabe:

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

Wenn wir ein Array haben, können wir das Array eine nach der anderen durchschleifen, die Schlüssel aus dem Index jedes Elements und die entsprechenden Werte im Objekt hinzufügen.

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])
}

Ausgabe:

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

JavaScript Map verwenden, um ein Schlüssel-Wert-Array zu speichern

Map ist genau wie ein Object. Es ist eine Liste von Schlüsseldatenelementen. Der Unterschied ist, dass Map jede Art von Schlüsseln erlaubt.

Syntax der JavaScript-Karte

let map = new Map();

• Schlüssel speichern => Wert:

map.set('name', 'mark');

Beispiel für Java Map

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))
}

Ausgabe:

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