迹忆客 专注技术分享

要获取 Set 的第一个元素，请使用解构赋值，例如 const [first] = set。 解构赋值将变量设置为 Set 的第一个元素。

const set = new Set([1, 2, 3]);

const [first] = set;
console.log(first); // 👉️ 1

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

一种简单的思考方式是，我们将位置 1 的 Set 元素分配给名为 first 的变量。

我们可以用类似的方式得到 Set 的第二个元素：

const set = new Set([1, 2, 3]);

const [, second] = set;
console.log(second); // 👉️ 2

我们通过添加逗号 , 来跳过第一个元素，以表示第一个元素在解构赋值中的位置。我们还可以使用扩展语法获取集合的第一个元素。

要获取集合的第一个元素，请使用扩展语法将集合转换为数组并访问索引 0 处的元素，例如 const first = [...set][0]。

const set = new Set([1, 2, 3]);

const first = [...set][0];
console.log(first); // 👉️ 1

我们可以遍历一个 Set，所以我们也可以将一个转换为数组以使用索引访问位置 0 处的元素。

如果 Set 中有数千个元素，将 Set 转换为数组将非常低效且缓慢。

获取 Set 的第一个元素的更冗长的方法是使用 Set 实例上的方法。

const set = new Set([1, 2, 3]);

const values = set.values(); // 👉️ iterator
const obj = values.next() // 👉️ {value: 1, done: false}
const first = obj.value;
console.log(first); // 👉️ 1

我们在 Set 上调用了 values 方法来获取迭代器。

然后我们调用迭代器的 next 方法来获取包含第一次迭代值的对象。

最后，我们访问对象的 value 属性以获取 Set 中第一个元素的值。

前两种方法绝对更具可读性和直观性。 最好不要在代码中泄露 Set 对象的实现细节。