ES6_数据结合map

最新推荐文章于 2024-12-15 19:17:00 发布

liu1992452008

最新推荐文章于 2024-12-15 19:17:00 发布

阅读量192

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78566135

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

本文通过示例介绍了如何使用ES6中的Map数据结构进行数据管理，特别是针对对象去重的问题。展示了Map的基本操作，如创建、设置、获取、删除元素，以及遍历Map的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	
	<body>
		//一：创建一个集合，基本用法可以用来去重
	<!--let name='张三',age='18',sex='nan';-->
	
	<script type="text/javascript">
let obj1={a:1},obj2={b:2},obj3={}
obj3.name='天空';
obj3[obj1]='李四';
obj3[obj2]='王五';
console.log(obj1.toString())//[object Object]

console.log(obj2.toString())//[object Object]
console.log(obj1.toString()==obj2.toString())//true
//发现不管什么都会被转成字符串，所以需要map来解决
//let obj1={a:1},obj2={b:2}
   const map= new Map([
   	['name','张三'],
   	['age',9],
   	['sex','男'],
   	[obj1,'今天是个好天气'],
   	[obj2,'适合敲代码'],
   	[[1,2],'订单']
   ])
   console.log(map)//Map(6) {"name" => "张三", "age" => 9, "sex" => "男", Object {a: 1} => "今天是个好天气", Object {b: 2} => "适合敲代码"…}
	//set和get
	map.set('friend',['赵六','力气']).set(['dog'],'小花');
		console.log(map);
		console.log(map.get('name'));
		console.log(map.get(obj1))
//	
//	//delete
//	map.delete(obj2)
//	console.log(map)
//	//has
//	map.has();
//	//clear
//	map.clear();
//	map.keys();
//	map.values();
//	console.log(map.entries())
//	//遍历
	map.forEach(function(value,index){
		console.log(value);
		console.log(index)
	})
	
	
	
	
	
	
	
	
	</script>
	</body>
</html>