首页 > 编程语言 >Javascript(笔记40) - ES6特性 - Map

Javascript(笔记40) - ES6特性 - Map

时间:2022-11-16 22:36:10浏览次数:40  
标签:返回 ES6 Javascript console log Map 元素 set

Javascript(笔记40) - ES6特性 - Map


Map 

ES6 提供了Map数据结构。它类似于对象,也是键值对集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

Map也实现了 Iterator 接口,所以可以使用“扩展运算符”和"for...of"进行遍历。 

Map的属性和方法:

size :返回Map的无素个数;

set :增加一个新元素,返回当前 Map;

get :返回键名对象的键值;

has :检测Map中是否包含某个元素,返回 boolean 值;

clear: 清空集合,返回 undefined; 


创建一个空 map

let m = new Map();

添加元素:set

m.set('name','Jacky');
m.set('trait',function(){ // 放一个函数
console.log('i can sing.');
});
m.set('say',()=>{ // 放一个箭头函数
console.log('hello javascript');
});
m.set({'city':"Urumchi"},['ts','sybk','xs','smg']); // 放一个对象当键名,当一个数组做键值;
let s1 = new Set(['language','math','physics','chemistry']); // 放一个集合;
m.set('science',s1);

Javascript(笔记40) - ES6特性 - Map_Map

什么类型的数据都能放;

元素个数:size

console.log(m.size);    // 5

删除元素:delete

删除有的元素,返回 true,删除不存在的,返回 false; 

m.delete('name');
console.log(m);

获取元素:get

console.log(m.get('trait'));

清空元素:clear

m.clear();
console.log(m);

遍历map: for...of

for(let v of m){
console.log(v);
}

Javascript(笔记40) - ES6特性 - Map_javascript_02

每个元素是个数组,第一个元素是键,第二个元素是值;

Map 是个升级版的对象;










标签:返回,ES6,Javascript,console,log,Map,元素,set
From: https://blog.51cto.com/ahuiok/5857826

相关文章

  • #yyds干货盘点#聊聊javascript——call、applay、bind
    Callcall()方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。​使用方法:letbar={name:'johnny'}functionfoo(){console.log(this.name......
  • JavaScript中点击按钮弹出新的浏览器窗口
    */*Copyright(c)2016,烟台大学计算机与控制工程学院*Allrightsreserved.*文件名:text.js*作者:常轩*微信公众号:Worldhello*完成日期:2016年10月226日*版本号:V......
  • Javascript(笔记39) - ES6特性 - 集合Set
    SETES6 提供了新的数据结构set(集合)。集合类似于数组,但成员的值都是唯一的,集合实现iterator 接口,所以可以使用“扩展运算符”和“for...of”进行遍历,集合的属性和方法......
  • [JavaScript]自定义排序方式Array.sort
    自定义排序方式,通过array.sort//按助力值、绑定时间排序。return<0:a在前,return>0:a在后,return==0:不变list.sort(function(a,b){varref=0if(a.bi......
  • 用JavaScript 实现断点续传 (HTTP)
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持......
  • JavaScript语法变量以及变量typeof
    JavaScript-语法-变量变量:一小块存储数据的内存空间(一片存储数据的内存区域)Java语言是强类型语言,而JavaScript是弱类型语言强类型:规定类型(在开辟变量存储空间时,定义了......
  • Javascript简单实现深拷贝
    利用递归方式遍历所有属性进行深层对象拷贝:functioncloneDeep(object){if(typeof(object)=='object'){if(Array.isArray(object)){......
  • 一张图看懂企业经营,企业战略的本质,企业数字化转型 Road Map, 企业大脑的本质...
     ERP:生产资源管理系统经营的本质:通过生产资源劳动创造价值物质资料经营+社会经营经营的只能经营指标......
  • es修改mapping
    1.备份数据POST_reindex?wait_for_completion=false&scroll=10m{"source":{"index":"数据索引","size":10000},"dest":{......
  • vuex中的mapMutations和mapActions
    <template><divclass="count"><h2>当前求和为:{{sum}}</h2><h3>当前求和放大十倍为为:{{bigSum}}</h3><h3>我在:{{address}}学习:{{subject}}<......