博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6集合,Set集合,Map集合,以及for .... of遍历
阅读量:1849 次
发布时间:2019-04-26

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

目录

集合

1.什么是集合

1.无序

2.不重复

2.Set

ES6的新的数据结构,类似于数组,但是元素是唯一的,而且没有顺序。

创建set

let s = new Set();

添加元素的两种方式

下面例子:10和10重复了,故只输出一个10;

两个对象看似重复了,其实没有,(这时两个内存地址不同的对象,只是值相同了,本质是不同的)

let s = new Set([30,40]);s.add(10)s.add(20)s.add(10)s.add(true)s.add("10")s.add("10")s.add(new String("hello"));s.add(new String("hello"));console.log(s);//30,40,10,20,tue,"10",String,String

set集合属性和方法

size属性

返回该set集合中的元素的个数。

set.size();

add(value)

往set集合中添加一个元素,返回Set本身。

delete(value)

删除指定的值,返回一个布尔值,表示删除是否成功。

var arr = ["wo", "shi", "wo", 5];    let s = new Set(arr);  console.log(delete(s.wo));//true  console.log(s);

has(value)

判断指定的值是否在set中存在,返回一个布尔值。

let s = new Set([30, 40]);    s.has(30);//判断有没有30    console.log( s.has(30));//true

clear()

清除所有的元素。没有返回值

let s = new Set([30, 40]);    s.clear();    console.log(s);//{
}

set集合转为数组的方法

Array.from方法可以将Set集合转为数组。

const arr = Array.from(s);

rest参数 三个点

const arr2 = [...s];

给数组去重(因为集合内元素是唯一的)

var arr = [10,20,20,30,50,30];//10,20,30,50var set = new Set(arr);arr = Array.from(set);console.log(arr);//封装成一个数组去重的方法 var arr = [2, 3, 45, 2];    function noDupli(array) {
return Array.from(new Set(array)); } console.log(noDupli(arr));//[2, 3, 45]

遍历操作

keys()

返回键名遍历器

values()

返回键的值的遍历器

entries()

返回键值对的遍历器

/这里是 for   of 遍历的知识    var set = new Set([2, 3, 4, 5]);    //下面是四种方法    for (const item of set.keys()) {
console.log(item); } for (const item of set.values()) {
console.log(item); } for (const item of set.entries()) {
console.log(item); } for (const item of set) {
console.log(item); }

3.Map集合

是键值对的集合。与对象中的属性与属性值很类似,但是对象中的属性名只能是字符串。值–值的对应,字符串–值的对应。

创建Map

let map = new Map();

添加元素的方式

唯一性

键的唯一,而不是值的唯一。

属性和方法

size

返回map中有多少个键值对。

set(key,value)

往map集合中添加一个key-value的键值对,返回map本身。如果key存在,原值会被覆盖。

在这里插入图片描述

delete(key)

通过键查找对应的键值对,将其删除,返回一个布尔值,表示删除是否成功。

has(key)

判断指定的键是否在map中存在,返回一个布尔值。

clear()

清除所有的元素。没有返回值

get(key)

读取key对应的键值,如果找不到,返回undefined

遍历操作for of

keys()

返回键名遍历器

values()

返回键的值的遍历器

entries()

返回键值对的遍历器

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

你可能感兴趣的文章
感动我的好故事两则
查看>>
如果水文的收益很高,谁还愿意辛苦码字?
查看>>
测试测试
查看>>
欢迎使用CSDN-markdown编辑1223423
查看>>
如何让孩子学好语文
查看>>
一本书有多少页
查看>>
【BH区块链项目热点问答】加拿大石油公司利用废弃天然气为挖掘BTC提供动力。你怎么看?...
查看>>
参加老同学蒋坤元新书发布会(4)
查看>>
精品正版电子书欣赏24||《美国陷阱》、《日本人与中国人》
查看>>
成长,在简书平台
查看>>
跪键盘
查看>>
你注意到那股负面能量了吗?
查看>>
她一生三任伴侣,三次流产,却被誉为坠落凡间的天使,优雅到老
查看>>
爱之寄语(第三章)
查看>>
今后余生百邪不侵
查看>>
欢迎使用CSDN-markdown编辑器额企鹅去恶趣味
查看>>
文本测试文章
查看>>
[BUUCTF-Web]学习笔记-题目1【SUCTF2019】Easy SQL
查看>>
CCSRP
查看>>
如何用PHP实现上传图片功能
查看>>