ES6数据类型Map案例

最新推荐文章于 2024-03-28 17:15:05 发布

原创最新推荐文章于 2024-03-28 17:15:05 发布 · 405 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#SE6数据类型Map案例 #SE6

JS 同时被 3 个专栏收录

38 篇文章

订阅专栏

前端

35 篇文章

订阅专栏

ES6学习笔记

9 篇文章

订阅专栏

代码案例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>数据类型Map</title>
	</head>
	<body>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script>
			//1.对象的局限性，只能字符串key(不能区分两个对象obj_2覆盖了obj_1)
			//原因：对象执行了toString方法转化成了字符串，再做key，转化后obj_2=obj_1，所以被覆盖
			let obj_1={a:1},obj_2={a:2},obj_3={};
			obj_3.name='张三';
			obj_3[obj_1]='天空';
			obj_3[obj_2]='大海';
			console.log(obj_3);
			//2.创建一个Map(可以区分两个对象obj_2,obj_1)
			const map =new Map([
				['name','张三'],
				['age',18],
				['sex','男'],
				[obj_1,'天空'],
				[obj_2,'大海']
			]);
			console.log(map);
			console.log(map.size);
			map.set('pet',['哈士奇','阿拉斯加']);
			console.log(map);
			console.log(map.get('pet'));
			console.log(map.get(obj_2));
			console.log(map.delete(obj_2));
			console.log(map.keys());
			console.log(map.values());
			console.log(map.entries());
			//3.遍历
			map.forEach(function(value,index){
				console.log(index+':'+value);
			})
		</script>
	</body>
</html>