ES6- Set-1之使用方法
时间:2022-07-25
本文章向大家介绍ES6- Set-1之使用方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
ES6-Set -1简单介绍
Set简介
ES6提供的构造函数,是一种新的存储结构
特点
只有属性值,成员值唯一(不能重复)
用途
可以转换为数组,本身具备去重,交集,并集,差集等作用
###Set的创建方式 Set创建大多是用数组的方法来创建
let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
注意事项,用字符串的情况下,创建Set会直接被拆分开
let oS1 = new Set("123");
Set的删除方法
oS1.delete(true);
删除Set里面的值 (如果Set里面的是数组,并且数组里面没有名称,就无法删除)
具有迭代接口的就可以被遍历
遍历Set的第一种方法(forEach循环,参数代表循环里的单个值)
console.log(oS);
// 遍历Set的两种方法
oS.forEach( val => {
console.log(val);
})
###第二种遍历Set的方式 for of循环(该循环是ES6提供) 只要是具有迭代接口的,都可以使用for of循环
let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
for(let prop of oS){
console.log(prop);
}
数组转换成Set的方式
let arr3 = [1, 2, 3, 4];
let oS2 = new Set(arr3);
console.log(oS2);
Set转换成数组的两种方式(…运算符也是具有迭代接口就可以使用)
let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
let arr = Array.from(oS);
console.log(arr);
let arr1 = [...oS];
console.log(arr1);
字符串拆分成数组的方法
var str = "123456789";
var arr4 = [...str];
console.log(arr4);
- 编程思想 之「异常及错误处理」
- nyoj-----284坦克大战(带权值的图搜索)
- nyoj-----42一笔画问题
- hdu-------1081To The Max
- nyoj------170网络的可靠性
- HDUOJ-------1052Tian Ji -- The Horse Racing(田忌赛马)
- 初学Java之Pattern与Matcher类
- 初学java之StringBuffer类的常用方法
- 初学java之大数处理
- hdu---1024Max Sum Plus Plus(动态规划)
- Go语言异步服务器框架原理和实现
- nyoj------布线问题(kruscal+求最小值)
- nyoj-----127星际之门(一)
- nyoj------20吝啬的国度
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- laravel框架select2多选插件初始化默认选中项操作示例
- PHP pthreads v3在centos7平台下的安装与配置操作方法
- laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
- PHP Beanstalkd消息队列的安装与使用方法实例详解
- 解决windows上php xdebug 无法调试的问题
- php7 图形用户界面GUI 开发示例
- Django开发的简易留言板案例详解
- php使用redis的有序集合zset实现延迟队列应用示例
- PHP使用openssl扩展实现加解密方法示例
- php使用redis的几种常见操作方式和用法示例
- 使用memory_profiler监测python代码运行时内存消耗方法
- php 多进程编程父进程的阻塞与非阻塞实例分析
- php数组指针函数功能及用法示例
- thinkphp5框架路由原理与用法详解
- ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例