JavaScript集合

发布时间:2024年01月22日

● 这里我们简单的举一个例子

const ordersSet = new Set(
  [
    'Pasta',
    'Pizza',
    'Pizza',
    'Risotto',
    'Pasta',
    'Pizza',
  ]
);

console.log(ordersSet);

在这里插入图片描述

注:这是集合的写法,我们可以看到,集合像数组的形式差不多,并且集合可以去除重复性数据;

集合的一些实际性用法

● 我们可以看到集合中到底有多少种菜

const ordersSet = new Set(
  [
    'Pasta',
    'Pizza',
    'Pizza',
    'Risotto',
    'Pasta',
    'Pizza',
  ]
);

console.log(ordersSet);
console.log(ordersSet.size);

在这里插入图片描述

● 检查某个元素是否在集合内

console.log(ordersSet.has('Pizza'));
console.log(ordersSet.has('IT知识一享'));

在这里插入图片描述

● 向集合内添加新的元素

ordersSet.add('Garlic Bread');
console.log(ordersSet);

在这里插入图片描述

注:如果重复同意名称元素,集合会自动的忽略,因为集合里面的元素是唯一性的

● 删除集合中的元素

ordersSet.delete('Risotto');
console.log(ordersSet);

在这里插入图片描述

注:集中无法像数组一样通过下标去检索数据,所以你的目标是实际按顺序存储值,然后检索它,那么最好的用例就是只使用一个数组,没有必要使用集合;

● 删除集合中所有元素

ordersSet.clear();
console.log(ordersSet);

在这里插入图片描述

● 集合是可迭代的,所以我们可以使用for—of去列举它

for (const order of ordersSet) {
  console.log(order);
}

在这里插入图片描述

用例

● 例如我们现在饭馆里面有厨师,服务员几个,和经理,我们创建一个数组

const staff = ['Waiter','Chef','Waiter','Manager','Chef','Waiter'];

● 如果现在我们只要知道有哪些角色,通过数组来创建一个集合

const staffUnique = new Set(staff);
console.log(staffUnique);

在这里插入图片描述

● 但是如果我们像为这个集合新创建一个数组,我们可以使用扩展运算符

const staffUnique = [...new Set(staff)];
console.log(staffUnique);

在这里插入图片描述

● 当然,我们也可以直接传入数组来获取他的size

console.log(new Set(['Waiter','Chef','Waiter','Manager','Chef','Waiter']).size);

在这里插入图片描述

● 也可以通过集合去计算字符串有多少个字母

console.log(new Set('abcdefghijklmnopqrst').size);

在这里插入图片描述

文章来源:https://blog.csdn.net/weixin_42952508/article/details/135739818
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。