码迷,mamicode.com
首页 > 其他好文 > 详细

set , map 集合

时间:2017-10-08 16:13:49      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:new   fun   values   argument   运算符   value   style   ret   对象   

es6 常用的对象

集合:set , map

set

let set=new Set();
set add(1);
set add(‘‘);
set add(true);
set add({age:20});
console.log(set);
console.log(set.size);  // 4
for(let value of set){
    console.log(value);
}

 

  • set可放数字、字符串、布尔值、对象(是引用类型,可相同;所有对象toString都是object)
  • 没有长度,不能用下标
  • 访问,只能用循环

    set去重
    let distinAry=function(ary){
        let set=new Set(ary);
        return [...set];      //...扩展
        console.log(distinAry([1,3,5,7,4,3,2,3]));
    
    }

     

. . . 扩展运算符

let ary=[1,2,3];
let ary1=[4,5,6,7];
console.log([...ary,...ary1]);  // [1,2,3,4,5,6,7]


let obj={a:1,b:2,c:3};
//let obj1={...obj};
//console.log(obj1);
let obj1={...obj,d:4};
console.log(obj1);   // {a:1,b:2,c:3,d:4}

 

arguments不能扩展  

console.log(...arguments); // undefined

 

map

存放元素为键值对

let map=new Map();
map.set(name,);
map.set(age,22);
map.set(sex,);
console.log(map);
console.log(map.get(name));  //// 循环:for of
for(let v of map){
    console.log(v);
    console.log(v[0]);
    console.log(v[0],v[1]);
}

 

方法

  • size :长度 console.log(map.get(‘name‘),map.size);

  • has:返回true/false console.log(map.has(‘name‘));

  • delete:删除 map.delete(‘sex‘);

  • clear:清空 map.clear();

  • keys:键 console.log(map.key());

  • values:得到所有值

  • map跟二维数组相对应 [...map]——二维数组

解构

 es6 ,让代码更易理解

let ary=[22,ww,1333333];
let age=ary[0];
let name=ary[1];
let sex=ary[2];
let phone=ary[3];
let[age,name,sex,phone]=ary;
console.log(age,name,sex,phone);

或:
let obj={a:1,b:2,c:3};
//let {a,b,c}=obj;
//console.log(a,b,c);  ——1,2,3
let {a:d,b:f,e,a}=obj;
console.log(d,f,e,a);  ——12,undefined,1
  • set集合中的元素不能重复,重复不会报错,只显示1个;可以是各类型的值
  • 扩展运算符... :最终结果返回在一个集合中,没有具体值返回undefined;arguments不能扩展
  • map使用set,get;循环使用for of;各类方法;map跟二维数组相对应
  • 解构:es6,使代码更容易理解

set , map 集合

标签:new   fun   values   argument   运算符   value   style   ret   对象   

原文地址:http://www.cnblogs.com/llying/p/7528968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!