При работе с объектами JavaScript Map часто необходимо перебирать ключи для выполнения различных операций или доступа к соответствующим значениям. В этой статье мы рассмотрим несколько методов, позволяющих перебирать ключи карты JavaScript, а также примеры кода для каждого метода.

Метод 1: использование метода keys()

Метод keys()возвращает новый объект-итератор, содержащий ключи карты в порядке вставки. Для перебора ключей можно использовать цикл for...ofили преобразовать итератор в массив с помощью метода Array.from().

const map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
// Using for...of loop
for (const key of map.keys()) {
  console.log(key);
}
// Converting iterator to an array
const keysArray = Array.from(map.keys());
console.log(keysArray);

Метод 2: использование метода forEach()

Метод forEach()позволяет выполнить предоставленную функцию один раз для каждой пары ключ-значение на карте. Хотя он не выполняет явную перебор ключей, вы можете получить доступ к ключам внутри функции обратного вызова, используя назначение деструктуризации.

const map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
map.forEach((value, key) => {
  console.log(key);
});

Метод 3: использование цикла for...of

Цикл for...ofможет напрямую перебирать записи карты, которые включают как ключи, так и значения. Однако с помощью деструктурирующего назначения можно извлечь только ключи.

const map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
for (const [key] of map) {
  console.log(key);
}

Метод 4. Преобразование ключей карты в массив

Если вам нужно работать с массивом ключей, вы можете преобразовать ключи Map в массив с помощью оператора расширения (...) или метода Array.from().

const map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
const keysArray = [...map.keys()];
console.log(keysArray);
const anotherKeysArray = Array.from(map.keys());
console.log(anotherKeysArray);

В этой статье мы рассмотрели несколько методов перебора ключей карты JavaScript. Используя метод keys(), метод forEach(), цикл for...ofили преобразуя ключи в массив, вы можете эффективно получать доступ к ключам и работать с ними. на карте. Поэкспериментируйте с этими методами в своих проектах JavaScript, чтобы эффективно обрабатывать ключи карты.