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

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数据结构