ES6新增数据类型set和map

5 篇文章 0 订阅
4 篇文章 0 订阅

文章目录

前言

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数据结构
  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值