Javascript ES6 Set、Map、Proxy、Symbol

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><script>console.log('----------------   Set   ------------------');//Set结构类似数组，但成员值唯一const set = new Set([1, 2, 3, 3, 3]);console.log(set, set.size); //Set类型：[1,2,3]  3//使用剩余参数转化为Array类型let arr = [...new Set([7, 8, 9, 9, 9])];console.log(arr, arr.length); //Array类型：[7,8,9]  3//添加元素set.add(4);console.log(set); //[1,2,3,4]//删除元素set.delete(3);console.log(set); //[1,2,4]//是否存在该元素console.log(set.has(3)); //false// for ... of ... 迭代Setfor (let item of set) {console.log(item); //1 2 4}// foeEach() 迭代Setset.forEach((value) => {console.log(value); //1 2 4})console.log('----------------   Map   ------------------');//键值对,key唯一let map = new Map([['a', 123],['b', 456],['b', 456]]);console.log(map); //0:{'a'=>123} 1:{'b'=>456}console.log(map.size); //2//添加键map.set('k1', 'v1');map.set('k1', 'v1');map.set('k1', 'v1');map.set('k1', 'v1');console.log(map); //0:{'a'=>123} 1:{'b'=>456} 2:{'k1'=>'v1'}//获取键console.log(map.get('k1')); //'v1'//删除键console.log(map.delete('k1'), map); //0:{'a'=>123} 1:{'b'=>456}//清空mapconsole.log(map.clear(), map);map.set('name', '张三');map.set('nickname', '法外狂徒');// for ... of ... 迭代Setfor (let item of map) {console.log(item); //['name','张三'] ['nickname','法外狂徒']}// foeEach() 迭代Setmap.forEach((v,k) => {console.log(k,v); //name 张三 nickname 法外狂徒})console.log('----------------   Proxy   ------------------');//创建一个对象的代理，从而实现基本操作的拦截（查找 、赋值、枚举、函数调用等）//new Proxy(obj,handle) obj:对象  handle:行为const handler = {get: function(obj, prop) {return prop in obj ? obj[prop] : prop + ' is undefined';},set: function(obj, prop, value) {if (value > 30) {throw new Error(value + ' is too big');} else {obj[prop] = value;}}};const pro = new Proxy({}, handler);//查找拦截pro.a = 10;pro.b = 20;console.log(pro.a, pro.b, pro.c); //10 20 "c is undefined"//赋值拦截// pro.d=31;//31 is too bigconsole.log('----------------   Symbol   ------------------');// 每个从Symbol()返回的symbol值都是唯一的let s1 = Symbol('a');let s2 = Symbol('a');let obj = {};console.log(s1 === s2); //falseobj[Symbol('a')] = 'a';obj[Symbol('b')] = 'b';obj.c = 'c';console.log(obj); //Symbol(a):'a' Symbol(b):'b' c:'c'</script></body>
</html>

Javascript ES6 Set、Map、Proxy、Symbol相关推荐

【重难点】【Java集合 02】Set、List、Map 的区别、常见的线程安全的集合类、Collection 为什么只能在 Iterator 中删除元素
[重难点][Java集合 02]List.Set.Map 的区别.常见的线程安全的集合类.Collection 为什么只能在 Iterator 中删除元素文章目录 [重难点][Java集合 02]L ...
Charles 2 - breakpoint断点、compose编辑、rewrite重写、map映射重定向、repeat重发、throttling弱网测试
一.breakpoint断点 Breakpoints功能可用于临时修改一次网络请求结果.当指定的网络请求发生时,使用BreakPoints可截获该请求,这时可以修改该请求的Request参数和Resp ...
集合-2（Set（HashSet、TreeSet、LinkedHashSet）、List（ArrayList、LinkedList、Vector）、Map（HashMap、TreeMap...））
1.Set接口集合中的元素不能重复,所以存入Set的元素都必须定义equals()来确保对象的唯一性. 无序.无索引 1.1HashSet类实现了Set接口,此实现不是同步的. 由哈希表支持.实际 ...
学习笔记：C++进阶【继承、多态、二叉树进阶、map和set、哈希、C++11、异常、智能指针、特殊类设计、C++的类型转换】
文章目录前言一.继承 1. 继承的概念及定义 1.1 继承的概念 1.2 继承的定义 1.2.1 定义格式 1.2.2 继承关系和访问限定符 1.2.3 继承基类成员访问方式的变化 2. 基类和派 ...
java：集合（Collection【List(ArrayList Vector LinkedList)、set】、Map【hashMap、treeMap、hashtable、properties】）
目录集合的框架体系一.Collection接口和常用方法 1.1 List接口和常用方法 1.1.1 ArrayList底层结构和源码分析 1.1.2 Vector底层结构 1.1.3 L ...
Unity之Material材质、Map贴图、TextTure贴图
Texture(纹理) 纹理:是Unity最基础的图片形式对,纹理就是一个图片,纯粹的图片. 从项目的外部选择一张绿色图片拉到项目Assets/Texture文件夹中, 如下图点击绿色图片-> ...
穿刺检查、代理http proxy、https proxy、Socks，代理本质上就是一个中介
作用 HTTP代理服务器代理服务器(Proxy Server)功能就是代理网络用户去获得网络信息,形象点说就是网络信息的中转站. 用户客户机(client) <--> 代理服务器(pro ...
Java-Map从入门到性能分析1【Map初识、Map通用方法、HashMap的使用(遍历方法、性能分析)】
[视频网址]:慕课网--Map从入门到性能分析简介:Map是开发中,使用频率最高的知识点之一,Map家族也有很多成员,例如HashMap,LinkedMap等, 怎样更好地使用Map家族的这些成员, ...
增强for循环、Map接口遍历、可变參数方法
增强for循环 1.for循环能做得事情.增强for循环大部分都能做(假设要想获得下标的时候就必须使用简单for循环了) 2.增强for有时候可以方便的处理集合遍历的问题,可是集合的标准遍历是使用迭代 ...
ES6新特性（中）——ES6的集合（set集合、map集合等）
这里写目录标题 ES6的集合一.Set集合 1.操作方法 2.遍历方法: 二.WeakSet集合 1.概念理解 2.方法: 3.WeakSet 的应用场景/好处三.Map集合 1.概念理解 2.属 ...

Javascript ES6 Set、Map、Proxy、Symbol

Javascript ES6 Set、Map、Proxy、Symbol相关推荐

最新文章

热门文章