Как добавить элемент на карту — JavaScript

В этой статье мы узнаем, как добавить элемент на карту.

В JavaScript очень часто добавляют элемент на карту.

Проблема

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

Теперь давайте представим, что у нас есть такая карта:

// Map
['name', 'John'],
['age', 30],

И мы хотим добавить в эту карту новый элемент, чтобы он стал таким:

// (Added country)
['name', 'John'],
['age', 30],
['country', 'USA'],

Как решить эту проблему?

К счастью, у нас есть встроенная функция set, которая добавляет элементы на карту.

Добавьте элементы на карту, используя set

Мы можем использовать метод set, чтобы добавить элемент на карту.

Например

// Map
const map = new Map([
    ['name', 'John'],
    ['age', 30],
]);
// Before adding element
console.log(map);
// Add element
map.set('country', 'USA');
// After adding element
console.log(map);

Вывод

Map(2) { 'name' => 'John', 'age' => 30 }
Map(3) { 'name' => 'John', 'age' => 30, 'country' => 'USA' }

Вы должны знать, что вы можете связать несколько вызовов вместе.

// Map
const map = new Map([
    ['name', 'John'],
    ['age', 30],
]);
// Chaining elements
map.set('country', 'USA')
    .set('degree', 'good')
    .set('isMarried', false);
// Result:
console.log(map);

Вывод

Map(5) {
  'name' => 'John',
  'age' => 30,
  'country' => 'USA',
  'degree' => 'good',
  'isMarried' => false
}

Ключи на карте уникальные, и это означает, что если вы используете более одного ключа с одинаковым именем, будет добавлен только один ключ (последний)

// Map
const map = new Map([
    ['name', 'John'],
    ['age', 30],
]);
// Chaining elements
map.set('country', 'USA')
    .set('country', 'UK')
    .set('isMarried', false);
// After adding element
console.log(map);

Вывод

Map(4) {
  'name' => 'John',
  'age' => 30,
  'country' => 'UK',
  'isMarried' => false
}

Как вы заметили, поле страны было обновлено.

Спасибо за чтение

Спасибо за чтение моего блога. 🚀 Больше информации вы можете найти в моем блоге и связаться в Твиттере