set 有序吗js_JavaScript Set没你想的那么简单！

原标题：JavaScript Set没你想的那么简单！

来源 | blog.greenroots.info

译者 | 鬼哥

在本文中，我们将学习Set,并且使用几个小例子来彻底掌握Set，进来的小伙伴不要觉得Set很简单，自己都会，希望你花几分钟认真看完，肯定会给你带来收获的，鬼哥我自己肯定是有收获的,有收获记得关注鬼哥。

Set

Set是unique(不同)元素的集合，其中每个元素可以是任何类型。Set也是元素的有序集合。这意味着元素的检索顺序将与插入顺序相同。

创建Setconstset= new Set;

console.log( set);

输出:

Set( 0) {}

初始化Set并创建

constfruteSet = newSet([ '🍉', '🍎', '🍈', '🍏']);

console.log(fruteSet);

输出:

Set( 4) { "🍉", "🍎", "🍈", "🍏"}

添加元素🥗

使用add(element)方法将元素添加到中Set。

// Create a set - saladSet

constsaladSet = newSet;

// Add some vegetables to it

saladSet.add( '🍅'); // tomato

saladSet.add( '🥑'); // avocado

saladSet.add( '🥕'); // carrot

saladSet.add( '🥒'); // cucumber

console.log(saladSet);

好了，我们加了蔬菜。到目前为止的输出:

Set(4) {"🍅", "🥑", "🥕", "🥒"}

添加一根黄瓜(你们都喜欢的)

saladSet.add( '🥒');

console.log(saladSet);

输出仍然像以