map和set的区别

最新推荐文章于 2025-07-01 18:56:27 发布

原创最新推荐文章于 2025-07-01 18:56:27 发布 · 576 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例演示了如何使用JavaScript中的Map和Set数据结构。包括创建成绩表并利用get和set方法操作数据，以及Set的基本操作如添加、删除元素等。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		//测试浏览器是否支持map和set
		/*var m = new Map();
		var s = new Set();
		alert("您的浏览器支持map和set");*/
		//用map创建一个成绩表,用get和set方法来得到和设置score中的值
	//Map
		var score = new Map([["wenting",100],["shaofeng",88],["youting",99]]);
		score.get("wenting");
//		alert(score.get("wenting"));   //100
		score.set("wangjia",100);
		score.set(8,10);
		score.get(8);    //键值都可以是number类型，这是map与对象的一个区别
//		alert(typeof score.get(8));  //number
			
		//has()判断score对象里存在不存在"wenting"属性
		score.has("wenting");   //true  
//		alert(score.has("wenting"));
		
		//删除键
		score.delete("shaofeng");    
//		alert(score.get("shaofeng"));   //undefined，因为已被删除

		//由于一个键只能有一个value值，如果多次给它设置值的时候，后面的值就会把前面的覆盖
		score.set("shaofeng",80);
		score.set("shaofeng",90);
		score.set("shaofeng",100);
//		alert(score.get("shaofeng"));   //100

	//Set
		/*
		 Set和Map有点相似，也是键的组合，但是它不存value，所以Set中没有重复的key
		 要创建一个Set，需要一个array作为输入
		 */
		var s = new Set([1,2,3]);
		s.add(3);  //因为这个键和原有的一个键相同，所有自动给它过滤成字符串"3"
		s.delete(3); //删除3，而不是"3"
		
		
	</script>
</html>