JavaScript 中如何获取Map的第一个元素

JavaScript 2年前 1.9K

要获取 Map 的第一个元素，请使用解构赋值，例如 const [firstKey] = map.keys() 和 const [firstValue] = map.values()。 keys() 和 values() 方法返回一个包含 Map 的键和值的迭代器对象。

const map = new Map();

map.set('a', 1);
map.set('b', 2);

const [firstKey] = map.keys();
console.log(firstKey); // 👉️ a

const [firstValue] = map.values();
console.log(firstValue); // 👉️ 1

我们在 Map 上调用了 keys() 方法来得到一个包含 Map 中每个元素的键的迭代器。

我们使用解构赋值来获取第一个键并将其分配给一个变量。

我们重复相同的过程来获取第一个元素的值，但使用的是 Map.values() 方法。

获取 Map 的第一个元素的另一种方法是将 Map 转换为数组并访问索引为 0 的元素。

const map = new Map();

map.set('a', 1);
map.set('b', 2);

const first = [...map][0];

console.log(first); // 👉️ ['a', 1]

我们使用扩展语法将 Map 转换为数组并访问索引 0 处的元素。

这将返回一个数组，其中包含 Map 中第一个元素的键和值。

请注意 ，如果我们只需要访问单个元素，则将具有数千个元素的 Map 转换为数组会很慢且效率低下。

我们还可以通过使用 Map 实例上的一些方法来获取 Map 的第一个元素。

const map = new Map();

map.set('a', 1);
map.set('b', 2);

const iterator = map.entries();

const firstIteration = iterator.next(); // {value: ['a', 1], done: false}

const first = firstIteration.value;

console.log(first); // 👉️ ['a', 1]