ES6的Set、Map、Symbol怎么用

发布时间:2022-04-20 16:25:26 作者:iii
来源:亿速云 阅读:171

本篇内容主要讲解“ES6的Set、Map、Symbol怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ES6的Set、Map、Symbol怎么用”吧!

Set  数据结构

  set 数据结构,可以了解为集合,与数组相似,内部的成员是唯一的(不重复)。

const a = new Set();a.add(1),add(2).add(100).add(1);

a这个集合通过add方法增加数据后,会有返回值,返回值是它本身,所以可以采用链式增加的方式增加数据。
假如遇到重复的数据增加,只增加一次。

遍历这个集合:

a.forEach(i => console.log(i));

还可以使用ES2015的新添加的循环for...of

for(let i of a){   console.log(i);}

Set的少量属性:

Set应用:数组去重

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = new Set(arr);console.log(arr);console.log(a);

这样去重得到的是一个集合,ES2015中Array.from()可以将其转换成数组。

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = Array.from(new Set(arr));console.log(arr);console.log(a);

当然还可以使用...开展操作符,定义一个数组的字面量,再将集合开展,保存为数组数据

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = [...new Set(arr)];console.log(arr);console.log(a);

Map 数据结构

const obj = {};obj[true] = "boolean";obj[123] = "number";obj[{a:1}] = "object";    console.log(Object.keys(obj));//keys 输出对象的所有键

ES6的Set、Map、Symbol怎么用

内部通过toString方法自动的将这些键的名称变成字符串类型。当给对象的随意传一个对象作为键来调用时,只需能匹配'[object object]',所得到的结果还是object,这样就会出现问题。不能实现一 一对应的关系。

console.log(obj[{}]);//传一个空对象console.log(obj[`[object object]`]);//传一个一样的字符串

而Map可以实现键值对一 一映射

const map = new Map();const a = {a:1};//a是一个对象,作为键,{a:1}map.set(a,100);//键为a,值为100console.log(map);//{{a:1} => 100}

这里的键a是一个对象型的数据,没有被转成字符串

console.log(map.get(a));//获取a键的值,得到100
console.log(map.has(a));//找到键值a,返回true//map.delete(a);//map.clear();    map.forEach((value,key) => {    console.log(key,value);})

Symbol:全新的原始数据类型。最主要的作用就是为对象增加独一无二的属性标识符

Symbol() === Symbol()的返回值是false,由此可以看出Symbol创立的值是独一无二的。

const obj = {}obj[Symbol()] = 123;obj[Symbol()] = 446;//obj对象里的值没有发生覆盖console.log(obj);//通过形容文本区分Symbolconsole.log(Symbol('a'));console.log(Symbol('b'));console.log(Symbol('age'));
const obj = {   [Symbol()] : 999,   name : "li"}obj[Symbol()] = 111;obj[Symbol()] = 222;console.log(obj[Symbol()]);//undefined//Symbol定义的属性是不能在对象以外进行调用的console.log(obj.name);

需要注意的是console.log(obj[Symbol()]);//undefined  Symbol定义的属性是不能在对象以外进行调用的,由于通过Symbol()生成的值,调用时无法确定获取哪一个值。这样可以作为对象内部的私有成员。

Symbol 补充

到此,相信大家对“ES6的Set、Map、Symbol怎么用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. ES6中Symbol有什么用
  2. Symbol、Set和Map怎么在ES6中使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

set es6 map

上一篇:gulp+browserify编译es6错误如何解决

下一篇:ES6中Generator自动执行的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》