ES6新增数据类型set和map
程序员文章站
2022-04-26 10:39:02
...
前言
JavaScript有一种数据类型叫对象,js中的数组算是一种新的类型,是一种特殊的对象,也是一种有序的对象,只是数据的组合方式不一样。
数据结构:数据是具体的东西,类型是一个范围,结构(集合)是数据的不同组合方式
1、Set
1.1 Set的概念和声明
Set是一种数据的集合,类似于数组,使用内置构造函数方式声明
const s=new Set();
console.log(s);//Set(0){}
在创建Set结构时,可以立即设置内容,但是Set必须接受数组作为参数
const s = new Set([1,"hello",{},function(){},"word"]);
console.log(s);//Set(s){1,"hello",{...},f,"word"}
如果要获取set中的某一个数据,需要先解析回数组,之后才能拿到
var arr = [...s];
console.log(s);
console.log(arr);
function norepeat(arr){
var s = new Set(arr);
return [...s];
}
var a = norepeat([4,5,6,7,8,"7",6,5,4,3,2,1]);
console.log(a);
1.2 Set常用属性和方法
size 属性 | 获取该数据结构中,数据的数据个数 |
---|---|
add() 方法 | 向该数据结构中,追加新增数据 |
delete() 方法 | 向该数据结构中,删除指定的数据 |
clear() 方法 | 清除该数据结构中,所有的数据 |
has() 方法 | 查询数据结构中,有没有某个数据 |
forEach() 方法 | 用来遍历Set数据结构 |
注意:Set数据的获取需要借助展开运算符,并放在数组中才能解析
1.3 Set的小应用
Set数据结构中,不允许存储相同的数据,可以用来解决数组去重
2、Map
2.1 Map概念和声明
const m=new Map();
console.log(m);//Map(0){}
在创建Map结构时,可以立即设置内容,但Map必须接受数组作为参数,且该数组为二维数组,每个二维数组中的有两个数据,第三个数据不显示
const m = new Map( [ ["hello","world"],[,a",”b ",P:1]);
console.log(m); // Map(2) {"hello" =>"world", "a" => "b"}
**2.2 Map的常用属性和方法
**
size属性 | 获取该数据结构中,数据的数据个数 |
---|---|
set() 方法 | 向该数据结构中,新增数据 |
get() 方法 | 向该数据结构中,获取数据 |
delete() 方法 | 向该数据结构中,删除指定的数据 |
clear() 方法 | 清除该数据结构中,所有的数据 |
has() 方法 | 查询数据结构中,有没有某个数据 |
forEach() 方法 | 用来遍历Map数据结构 |
上一篇: sencha architect 2 官方实例 第一个实例
下一篇: 鬼怀孕