做一个网站一般要多少钱,erp快速开发平台,永兴县网站建设推广公司,陕西西安网站建设公司哪家好概念
Map 是 JavaScript 中的一种数据结构#xff0c;它允许你存储键值对#xff0c;并且可以通过键来访问对应的值。在本教程中#xff0c;我们将学习如何声明、添加、删除、获取和遍历 Map 集合。
ES6 提供了 Map 数据结构。它类似于对象#xff0c;也是键值对的集合。…概念
Map 是 JavaScript 中的一种数据结构它允许你存储键值对并且可以通过键来访问对应的值。在本教程中我们将学习如何声明、添加、删除、获取和遍历 Map 集合。
ES6 提供了 Map 数据结构。它类似于对象也是键值对的集合。但是 “键” 的范围不限于字符串各种类型的值包括对象都可以当作键。Map 也实现了 iterator 接口所以可以使用『扩展运算符』和「for…of…』进行遍历。Map 的属性和方法。
声明 Map
首先我们需要声明一个 Map 对象。在 JavaScript 中你可以使用 new Map() 来创建一个新的 Map 实例。
let m new Map();Map的属性和方法
size返回Map的元素个数。set(key, value)增加一个新元素返回当前Map。get(key)返回键名对象的键值。has(key)检测Map中是否包含某个元素返回boolean值。clear()清空集合返回undefined。
添加元素
你可以使用 set 方法向 Map 中添加元素。set 方法接受两个参数键和值。
m.set(name, 星达网络);
m.set(change, function() {console.log(我们可以改变你!!);
});
let key {school: xkadmin
};
m.set(key, [北京, 上海, 深圳]);获取元素数量
你可以使用 size 属性来获取 Map 中元素的数量。
console.log(m.size);删除元素
你可以使用 delete 方法从 Map 中删除指定的键值对。
m.delete(name);获取元素
你可以使用 get 方法获取 Map 中指定键的值。
console.log(m.get(change));
console.log(m.get(key));清空 Map
你可以使用 clear 方法清空 Map 中的所有元素。
m.clear();遍历 Map
你可以使用 for...of 循环来遍历 Map 中的所有键值对。
for(let v of m) {console.log(v);
}完整代码示例
下面是一个完整的代码示例展示了如何使用 Map 集合。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleMap/title
/head
bodyscript//声明 Maplet m new Map();//添加元素m.set(name, 星达网络);m.set(change, function() {console.log(我们可以改变你!!);});let key {school: xkadmin};m.set(key, [北京, 上海, 深圳]);//sizeconsole.log(m.size);//删除m.delete(name);//获取console.log(m.get(change));console.log(m.get(key));//清空// m.clear();//遍历for(let v of m) {console.log(v);}// console.log(m);/script
/body
/html
