如何在 JavaScript 中获取地图的第一个元素

作者

在 JavaScript 中获取地图的第一个元素

How to Get the First Element of a Map in JavaScript

使用解构赋值来获取 a 的第一个元素Map，例如
const [firstKey] = map.keys()and const [firstValue] = map.values()。

keys()和values()方法返回包含 Map 的键和值的迭代器对象。

索引.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

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

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

我们调用 上的keys()方法Map来获取包含 中元素键的迭代器Map。

索引.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

// 👇️ [Map Iterator] { 'site', 'id' }
console.log(map.keys());

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

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

您可以使用该Map.values()方法获取 Map 值的迭代器。

索引.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

// 👇️ [Map Iterator] { 'bobbyhadz.com', 1 }
console.log(map.values());

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

最后一步是使用解构赋值将第一个 Map 值赋给一个变量。

获取 a 的第一个元素的另一种方法Map是将 the 转换Map为数组。

使用展开语法获取地图的第一个元素 (…)

Map在 JavaScript中获取 a 的第一个元素：

  1. 使用扩展语法 (…) 将Map对象转换为数组。
  2. 访问索引处的数组0以获取Map.
索引.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

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

console.log(first); // 👉️ [ 'site', 'bobbyhadz.com' ]

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

索引.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

// 👇️ [ [ 'site', 'bobbyhadz.com' ], [ 'id', 1 ] ]
console.log([...map]);

// 👇️ [ 'site', 'bobbyhadz.com' ]
console.log([...map][0]);

访问第一个数组元素会返回一个数组，其中包含Map.

Note that converting a Map with thousands of elements to an array would be slow and inefficient if you only have to access a single element.

We can also get the first element of a Map by using some of the methods on the
Map instance.

Get the First Element of a Map using Map.entries() #

To get the first element of a Map in JavaScript:

  1. Use the Map.entries() method to get an iterable of the Map’s key-value
    pairs.
  2. Use the next() method to get the first element of the iterable.
  3. Assign the value to a variable.
index.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

const first = map.entries().next().value;

// 👇️ [ 'site', 'bobbyhadz.com' ]
console.log(first);

console.log(first[0]); // 👉️ site

console.log(first[1]); // 👉️ bobbyhadz

We used the Map.entries() method to get an iterable of the Map’s key-value
pairs.

index.js
const map = new Map();

map.set('site', 'bobbyhadz.com');
map.set('id', 1);

const iterable = map.entries();

// 👇️ [Map Entries] { [ 'site', 'bobbyhadz.com' ], [ 'id', 1 ] }
console.log(iterable);

// 👇️ { value: [ 'site', 'bobbyhadz.com' ], done: false }
const firstIteration = iterable.next();
console.log(firstIteration);

const first = firstIteration.value;
console.log(first); // 👉️ [ 'site', 'bobbyhadz.com' ]

We used the next() method to get an object containing the value of the first
iteration.

最后，我们访问value对象的属性以获取第一个Map元素的键和值的数组。

–