博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECMAScript 6 之 Set Map 命令
阅读量:3930 次
发布时间:2019-05-23

本文共 2057 字,大约阅读时间需要 6 分钟。

一、 Set

 


基本用法

Set 是ES6新增的数据结构。它类似于数组,但是成员的值都是唯一的,没有重复的值。

根据它的规则,可以用于数组去重:

let a = [1,2,3,4,3,2];let set = new Set(a);console.log(set);//Set {1,2,3,4}
  • 实例化
let set = new Set();   //实例化一个空 set 集合
  • 遍历
  1. keys()     返回键名的遍历器
  2. values()  返回键值的遍历器
  3. entries()  返回键值对的遍历器
  4. forEach() 使用回调函数遍历每个成员

keys方法、values方法、entries方法返回的都是遍历器对象。由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys方法和values方法的行为完全一致。案例如下:

let set = new Set(['red', 'green', 'blue']);for (let item of set.keys()) {  console.log(item);}// red// green// bluefor (let item of set.values()) {  console.log(item);}// red// green// bluefor (let item of set.entries()) {  console.log(item);}// ["red", "red"]// ["green", "green"]// ["blue", "blue"]

上面代码中,entries方法返回的遍历器,同时包括键名和键值,所以每次输出一个数组,它的两个成员完全相等。

遍历的应用

扩展运算符(...)内部使用for...of 循环,所以也可以用于Set结构。

let set = new Set(['red', 'green', 'blue']);let arr = [...set];// ['red', 'green', 'blue']

for...of用法:

const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach((x)=>{s.add(s)});  //箭头函数,一般用于回调函数for (let i of s) {    //for..of  可以遍历数组  console.log(i);     //输出数组中每个成员}console.log(s);   //输出添加了数之后的 s 集合// 2 3 5 4//Set {2,3,4,5}

上面的代码通过add方法向Set结构加入成员,结果表明Set结构不会添加重复的值。

 

  • 增删改查
  1. add()  添加某个值,返回Set结构本身
  2. delete()  删除某个值,返回boolean,true表示删除成功
  3. has()  查询某个值,返回boolean,true表示该值是Set的成员
  4. clear() 清除所有成员,没有返回值
    s.add(1).add(2).add(2);// 注意2被加入了两次s.size // 2s.has(1) // true             node环境s.has(2) // trues.has(3) // falses.delete(2);s.has(2) // false

     


注意:

let set = new Set();let a = NaN;let b = NaN;set.add(a);set.add(b);set            // Set {NaN}-------------let set = new Set();set.add({});set.size       // 1set.add({});set.size       // 2

在上面代码中,结果说明,在Set内部,两个NaN是相等的,而两个对象是不相等的,即使对象的内容一样。

 



二、Map

  • 实例化
let map = new Map();  //实例化一个空 map 集合
  • 集合的增删改查
  1. map.put()
  2. map.delete()
  3. map.clear()
  4. map.has()
  5. map.size()
const map = new Map([  ['name', '张三'],  ['title', 'Author']]);map.size // 2map.has('name') // truemap.get('name') // "张三"map.has('title') // truemap.get('title') // "Author"
  • 遍历

keys():返回键名的遍历器。

values():返回键值的遍历器。

entries():返回所有成员的遍历器。

forEach():遍历 Map 的所有成员。

 

 

                       ------------------本文完------------------

 

 

 

 

 

 

转载地址:http://dwxgn.baihongyu.com/

你可能感兴趣的文章
Android开发常见面试题类型
查看>>
2017美团校招安卓岗
查看>>
YUV基础知识《转载》
查看>>
C语言动态申请内存
查看>>
cmake万能模板
查看>>
让你不再害怕指针——C指针详解
查看>>
十张图解释机器学习的基本概念
查看>>
红黑树:自平衡的二叉查找树
查看>>
回收站功能在 Linux 中的实现
查看>>
数据包头分析---网络字节序与主机字节序
查看>>
linux sh/bash 编程常用
查看>>
x86寄存器和栈帧
查看>>
计算机科学经典论文(zz)
查看>>
ECC加密算法入门介绍
查看>>
spark && Tachyon
查看>>
文件系统与NoSQL分布式存储技术对比
查看>>
调试寄存器(debug registers, DRx)理论及实践
查看>>
Linux下逻辑地址-线性地址-物理地址图解
查看>>
vim安装SrcExpl 插件,实现自动显示跳转函数及变量定义功能
查看>>
linux 版本中 i386/i686/x86-64/pcc 等... 的区别
查看>>