Как упорядочены элементы на карте в JavaScript?

В JavaScript в версии ES6 появился новый объект под названием Map. Карта — это набор элементов, где каждый элемент хранится в паре ключ-значение. Объекты карты могут хранить как объекты, так и примитивные типы данных. Элементы карты повторяемы. Элементы всегда повторяются в порядке вставки.

Элементы на карте упорядочены, что означает, что элементы могут повторяться в том порядке, в котором они были вставлены.

Синтаксис:

new Map([it])

Пример 1. В этом примере мы создадим новый объект карты и пройдемся по нему, чтобы проверить, как упорядочены элементы.

Javascript

var sample = new Map();

sample.set("name", "Rahul");

sample.set("age", 20);

sample.set("Country", "India");

for(var [key, value] of sample){

    console.log(`Key = ${key}, Value=${value}`)

}

Выход:

Key = name, Value=Rahul
Key = age, Value=20
Key = Country, Value=India

Пример 2. В этом примере мы сохраним ключи и значения карты в двух разных массивах.

Javascript

var sample = new Map();

sample.set("name", "Rahul");

sample.set("age", 20);

sample.set("Country", "India");

var keys = sample.keys();

var val = sample.values()

var arr= [];

var arr2 = [];

for (var ele of keys){

    arr.push(ele)

}

console.log(arr);

for (var ele of val){

    arr2.push(ele)

}

console.log(arr2);

Выход:

(3) ['name', 'age', 'Country']
(3) ['Rahul', 20, 'India']

Объяснение: мы видим, что элементы сохраняют порядок, в котором они вводятся в карту, поэтому вставка в новые массивы следует тому же порядку, что и в карте.