如何在ES6（EcmaScript 2015）中获取Set的第一个元素？

Question

如何在ES6（EcmaScript 2015）中获取Set的第一个元素？

javascriptecmascript-6

114

在ES6中，我们如何快速获取元素？

在MDN Set语法中，我没有找到答案。

- JavaScripter

5

你认为什么是“第一”？ - Bergi

1

Set 对象是值的集合。您可以按插入顺序迭代集合中的元素。 - tonethar

8个回答

21

有很多解决方案：

1. 使用for...of循环。

const set = new Set();
set.add(2);
set.add(3);

// return the first item of Set ✅
function getFirstItemOfSet(set) {
  for(let item of set) {
    if(item) {
       return item;
    }   
  }
  return undefined;
}

const first = getFirstItemOfSet(set);
console.log('first item =', first);

destructuring assignment

const set = new Set();
set.add(2);
set.add(3);

// only get the first item ✅
const [first] = set;
console.log('first item =', first, typeof first);
// first item = 2 number

3. 扩展运算符（spread operator）

const set = new Set();
set.add(2);
set.add(3);

// convert Set to Array ✅
const first = [...set][0];
console.log('first item =', first);

4. iterator 和 next()

const set = new Set();
set.add(2);
set.add(3);

// iterator ✅
const first = set.keys().next().value;
console.log(`first item =`, first);

// OR
set.values().next().value;

// OR
set.entries().next().value[0];
// OR
set.entries().next().value[1];

参考文献

https://www.cnblogs.com/xgqfrms/p/16564519.html

- xgqfrms

操作2的结果是一个集合，不仅仅是一个值。 - randomuser

@randomuser 你试过运行我的代码片段吗？它是解决方案2中的数值类型值。 - xgqfrms

为什么在for循环中使用if条件语句？ - Bergi

扩展运算符将整个内容转换为数组非常低效。 - Bergi

4

let s = new Set([2,3,4])

let [head] = s

console.log(head)

简化自@rodo的版本

- citykid

2

最简单的方法：

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

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

- AlbertOu

1

我发现最优雅、最实用的解决方案是通过获取第一个IteratorResult并获取其值set.values().next().value。

const set = new Set([0, 1, 2, 3, 4]);   
const first = set.values().next().value; // first will be equal to 0

- teranshil

1

从Set中获取第一个元素的更直接方法（对于数组也适用）：

const mySet = new Set(['foo', 'bar', 'baz'])
const [firstElement, secondElement, thirdElement] = mySet

console.log(thirdElement, firstElement, secondElement) // baz foo bar

- rodo

0

另一个选择是使用for..of循环，例如：

const mySet = new Set(["one", "two", 3]);
for (let item of mySet) {
    console.log(item);
    break;
}

- user7153178

0

最好的方法是在 Set<T> 上使用迭代器：

const mySet = new Set<string>(['one', 'two', 'three']);
const firstValue = mySet.values().next().value;
console.log(firstValue);

您还可以将其转换为数组，然后使用普通索引：

const mySet = new Set<string>(['one', 'two', 'three']);
const firstValue = Array.from(mySet)[0];
console.log(firstValue);

从复杂度的角度来看，第一种方法更好，因为它不需要创建一个新的数组。

- Kellen Stuart

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MinusFour · Accepted Answer

它们似乎没有将列表公开为可从实例化对象访问的。以下是来自EcmaScript草案的内容：

23.2.4 Set实例的属性

Set实例是普通对象，继承自Set原型的属性。Set实例还有一个[[SetData]]内部插槽。

[[SetData]]是Set所持有的值的列表。

一种可能的解决方案（并且是一种相对昂贵的解决方案）是获取迭代器，然后调用next()以获取第一个值：

var x = new Set();
x.add(1);
x.add({ a: 2 });
//get iterator:
var it = x.values();
//get first entry:
var first = it.next();
//get value out of the iterator entry:
var value = first.value;
console.log(value); //1

值得一提的是：

Set.prototype.values === Set.prototype.keys