ES6——07——集合（set）介绍用途与API

最新推荐文章于 2024-06-03 15:01:19 发布
最新推荐文章于 2024-06-03 15:01:19 发布
阅读量121 收藏
点赞数
分类专栏： ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x1037490413/article/details/119218494
版权

在这里插入图片描述

1

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
     //声明一个set
     let s=new Set(['语文','数学'])
     let s2=new Set(['html','html','css','js'])
     //自动去重
     console.log(s2);
     //元素个数
     console.log(s2.size);
     //添加新的元素
     console.log(s2.add('es6'));
     //删除元素
     console.log(s2.delete('css'));
     console.log(s2);
     //检测
     console.log(s2.has('html'));
     //清空
     console.log(s2.clear());
     console.log(s2);
     //遍历
     for(let v of s){
       console.log(v);
     }
    </script>
  </body>
</html>

2.集合实践

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
    //1.数组去重
    let arr=[1,1,2,3,4,5,5,5,7]
    let result=[...new Set(arr)]
    //console.log(result);
    //2.交集
    let arr2=[3,4,5,5]
    // let result2=[...new Set(arr)].filter(function(item){
    //   let s2=new Set(arr2)
    //   //console.log(s2);
    //   if(s2.has(item)){
    //     return true
    //   }else{
    //     return false
    //   }
    // })
    // console.log(result2);
    //将以上代码简写为箭头函数
    let s2=new Set(arr2)
    let result2=[...new Set(arr)].filter(item=>s2.has(item))
    console.log(result2);
    //3.并集
    let union=[...new Set([...arr,...arr2])]
    //new Set去重后还是集合，用...展开后是数组
    console.log(union)
    //4.差集 也就是交集的逆运算
    let result3=[...new Set(arr)].filter(item=>!s2.has(item))
    console.log(result3);
    </script>
  </body>
</html>
野生小米椒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6学习——集合（Collections）：Set API
Challenge Next Challenge
01-15 554
Set就是常见的集合，集合能够保证元素的唯一性，关于唯一性的确定，Set和Map都是用的SameValueZero内部函数，关于这点请参考Map章节。ES6规范的23.2章节描述了Set，有兴趣的自己去看。 下面看API介绍： 1）Set构造函数，可以不传任何参数，如果要传参数，参数必须是iterable的 let set = new Set(['red', 'green', 'bl
ES6 中 Set集合的使用
qq_34579060的博客
06-11 179
/** * 全局作用域绑定 * let 和 const 和 var 的另一个区别是它们在全局作用域的行为。 当var被作用于全局作用域时，浏览器环境中的 * window对象的属性。 这意味着用var很可能会无意覆盖一个已经存在的全局属性 * */ /* var RegExp = "Hell...
ES6-集合介绍与API_set 集合的方法
Aaron_杀死庸碌的博客
06-03 174
ES6-集合介绍与API： 1. set：声明 set： new set()。创建的是空集合 2. set 也可以传入初始参数，里面可接受一个可迭代数据，一般都传入一个数组。数组里可以自动去重（所有的方法都会去重的）。 3. set 集合里有 6 种方法。下面是具体应用。
Es6 生成器和迭代器 set集合API
qq_57047498的博客
10-16 104
迭代器 迭代器是一个接口，任何数据结构只要部署 lterator接口就可以完成遍历操作 提供给for..of循环使用 用来遍历对象的 原理 先创建对象 of里有一个[Symobl.intrator]()的方法再去调用里面的next()不断的指向下一个元素 生成器 解决异步编程的解决方案 三个定时器放外面 定...
ES6中Set集合、Set API、Map集合、Map API
qq_51066068的博客
05-11 405
目录 集合 Set集合 初始化 Set API Map集合 初始化 Map API（与set类似） 集合 Set集合 初始化 Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构展。Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 Set集合比较特殊，内部只需要存储一个值，set集合的key和value一样。 let set = new Set(); c.
ES6笔记（set）
越思考越清晰
07-02 2412
1、Set： 新的数据结构:类似于数组，但是成员的值都是唯一的，没有重复，他的键跟值是一样的(1)、set的基本用法: 初始化    //new Array() []    var s = new Set()    var s = new Set( [ 1, 2, 3, 4 ] )    var s = new Set( [...document.querySelectorAll('div')] ...
ES6—Set和Map数据结构（可转为数组）
qq_24892029的博客
01-26 7339
一：Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。（不包括空对象） Set 本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) {   console.lo
ES6中set与map的用法
soos的博客
04-15 1810
Set数据结构概念：set是ES6新增的数据结构。集合的概念是一组无序且唯一（即不重复）的项组成。set数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中，与数组类似，但成员都是唯一的，没有重复的值。特点：key和value相同，没有重复的value。属性：set.size   set大小初始化一个Set数据结构const s=new Set([1,2,3]) console.log...
ES6--API
小鱼儿
01-13 3003
let是ES6中新增关键字。 它的作用类似于var，用来声明变量，但是所声明的变量，只在let命令所在的代码块内有效if(true){ var a = 1; let b = 2; } document.write(a); document.write(b); // 报错：ReferenceError: b is not definedconst命令 const 声明的是常量，一
Set集合详解
ForeverDWYW的博客
04-07 3196
转自：http://www.cnblogs.com/chenpi/p/5497125.html#_label0 使用Set集合的主要原因是因为Set集合里面没有重复的元素。 Set集合有三个常见的实现类：HashSet，TreeSet，LinkedHashSet。 简单的说，如果你关注性能，应该使用HashSet； 如果你需要一个有序的Set集合，应该使用TreeSet； 如果你需要一个
ES6 Set对象的使用
DanielChen的博客
07-26 1503
Set对象的存储类型为唯一值，这个值与数据类型无关。 set在出现重复值时，自动将重复的值删除。 <script> let mySet=new Set(); mySet.add(1); mySet.add("test"); mySet.add(3); ...
es6 Set()的基础用法
qq_40016476的博客
07-11 2303
es6 Set();  似于数组，但它的一大特性就是所有元素都是唯一的，没有重复。 我们可以利用这一唯一特性进行数组的去重工作。 let list=new Set([1,1,2,3,4]) (1)添加元素 add let list=new Set(); list.add="1" list.add="2" (2)删除元素 delete let list=new Set([1,2,3,4]) list...
ES6API及注意点
roamingcode的博客
12-24 525
String 字符串 includes() 返回布尔值，表示是否找到了参数字符串。 let s = 'Hello javascript!'; s.includes('o') // true startsWith() 返回布尔值，表示参数字符串是否在原字符串的头部。 let s = 'Hello javascript!'; s.startsWith('Hello') // true endsWi...
Set-常用API及详解
xieji233的博客
09-16 1963
SetAPI：类别|方法 增 add、addAll 删 remove、removeAll 改 set 查 get、indexOf、hashCode 长 size 遍 iterator 判 isEmpty hashCode使用与集合大同小异，主要的区别就在这个hashCodehashSet存储对象的方式Object中定义了 public int
ES6 集合Set
学习记录
10-26 847
ES6新增的Set是一种集合类型的数据结构，承载着有序不可重复的值。 集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每个成员在集合中只能出现一次，不同于我们之前说的字典，链表之类的，它是一种包含了不同元素的数据结构。 set的属性和方法：  1.Set.prototype.constructor：构造函数，默认就是Set函数;  2.Set.prototype.size：返回S...
IE8及以下或者区别IE实现 Map()与Set() 方法。
A_one2010的博客
03-31 6640
首先进行IE浏览器判断 function isIE() { //ie?  if (!!window.ActiveXObject || "ActiveXObject" in window)   return true;   else   return false; } //如果是 ie 则添加 Map 与  Set类 if(isIE()){     function Map
ES6之Set集合的使用
且听真言
11-18 1291
在许多实际问题中，我们必须处理一种集合，集合中的每个元素都是唯一的（每个元素只能出现一次），这种集合称之为Set。在ES6之前，这种集合只能通过模拟实现。 console.log("------------------Set--------------------"); //使用对象存储数据 function Set() { this.data = {}; this.length = ...
自定义Maya工具架：打造个性化工作流的秘籍
最新发布
08-19
Maya脚本主要有两种形式：MEL（Maya Embedded Language）和Python。MEL是Maya的内置脚本语言，用于自动化任务、扩展Maya的功能以及自定义用户界面。MEL脚本可以快速创建对象、精确控制对象属性，以及执行复杂的场景管理任务。MEL的语法结构与C语言接近，支持强制语法和函数语法，是一种强类型语言，但通常允许隐式声明和类型转换。 Python脚本在Maya中的应用也非常广泛，特别是在Maya 2020及以后的版本中。Python提供了一种更为现代和灵活的方式来编写脚本，可以利用Python的强大库进行复杂的数据处理和自动化任务。Python脚本可以通过`maya.cmds`模块访问Maya的命令，实现与MEL相似的功能。 在Maya中，脚本可以通过“脚本编辑器”（Script Editor）进行编写和执行，也可以保存为`.mel`或`.py`文件以便重复使用。脚本编辑器提供了MEL和Python两种语言选项，允许用户在不同语言环境下编写和测试脚本。此外，Maya还支持将Python函数注册为MEL程序，以便在需要MEL脚本的地方使用Python代码。
基于Android校园旧书交易软件APP设计与实现.docx
08-19
基于Android校园旧书交易软件APP设计与实现.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值