欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

ES6的set数据结构和map数据结构

程序员文章站 2022-04-01 15:27:53
...
这次给大家带来ES6的set数据结构和map数据结构,使用ES6的set数据结构和map数据结构注意事项有哪些,下面就是实战案例,一起来看一下。

set数据结构:(每一项都不一样)

API: add(); delete();clear();has();size属性;

let arr=["wowo","hh","web"];
let setArr = new Set(arr);
console.log(setArr );      //Set(3) {"wowo", "hh", "web"}
typeof setArr                  // object
setArr.add("呵呵哒");
console.log(setArr );      //Set(4) {"wowo", "hh", "web","呵呵哒"}
                                      //其实追加的位置并没有顺序;
setArr.delete("wowo");
console.log(setArr);      //Set(3) { "hh", "web","呵呵哒"}

clear();会情况全部内容;has返回true或false;

用for of 或 foreach()来遍历 set数据结构;

WeakSet数据结构;

需要先声明对象之后然后add进去;不然会报错;在这 weakSet数据结构只能存放对象,且不能被遍历;

Map数据结构:(API set( ); get( ); delete( ); has(); clear(); size() )

先看看一个一个普通的json对象:

let json ={"name":"liuliu","age":23};

console.log(json.name); 这个过程中取到name的值,是会循环json中的每个属性的;

而map不一样它是按映射存放的而且 key,val 可以为其他任何数据类型:

let map =new Map();
map.set("age","22");
map.get("age") //22;
map.has("age") //true;
map.delete("age");
map.size;        //0;

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

ES6的字符串模板详解

ES6的解构赋值详解

ES6的变量的作用域与声明详解

以上就是ES6的set数据结构和map数据结构的详细内容,更多请关注其它相关文章!

相关标签: 数据结构