javascript教程之map集合的增删改查

最新推荐文章于 2024-03-21 14:46:10 发布

tian_jiangnan

最新推荐文章于 2024-03-21 14:46:10 发布

阅读量7.2k

点赞数 3

分类专栏： js基础教程

本文链接：https://blog.csdn.net/tian_jiangnan/article/details/108643738

版权

js基础教程专栏收录该内容

4 篇文章 0 订阅

订阅专栏

首先我们来学习一下知识点（我觉得java与javascript真的是某些方面神奇的相似啊）

1、初始化集合

var map=new Map();

2、添加集合

map.set(key,val);

3、删除集合中的某个元素

map.delete(key)

4、清空集合

map.clear()

5、修改集合，集合有一个特性就是key不能重复，如果有重复的key，就会把之前的val覆盖掉

map.set(key,新的val)

6、循环遍历集合

for(var s of map){

alert("key是"+s[0]+" val是"+s[1])

}

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>javascript map集合的增删改查</title> 
</head>
<body>
<ul id="mui">
</ul>
</body>
<script>
//map的初始化
var map=new Map();
	//添加集合
	map.set("key","val");
	map.set("tjn","7777");
	map.set("tzh","1111");
	map.set("czj","2222");
	map.set("zl","5555");
	//删除集合
	map.delete("tzh");
	//修改集合
	map.set("tjn","0000");
	//循环遍历集合
	var url="";
 for(var s of map){
	 url=url+"<li> key是"+s[0]+" , val是"+s[1]+"</li>"
 }
	document.getElementById("mui").innerHTML=url;
</script>
</html>

运行以后结果如下

tian_jiangnan

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
javascript教程之map集合的增删改查

首先我们来学习一下知识点（我觉得java与javascript真的是某些方面神奇的相似啊）1、初始化集合var map=new Map();2、添加集合map.set(key,val);3、删除集合中的某个元素map.delete(key)4、清空集合map.clear()5、修改集合，集合有一个特性就是key不能重复，如果有重复的key，就会把之前的val覆盖掉map.set(key,新的val)6、循环遍历集合for(var s of map){ale
复制链接

扫一扫