23.Map的介绍与API
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
/**
* ES6提供了Map数据结构，它类似于对象，也是键值对的集合，但是"键"的范围不限于字符串,各种类型的值(包括对象)都可以当做键,Map也实现了 * iterator接口,所有可以使用展开运算符,和for...of进行遍历,Map的属性和方法:
* 1.size:返回Map的元素个数
* 2.set:增加一个元素,返回当前Map
* 3.get:返回键名对象的键值
* 4.has:检查Map中是否包含某个元素,返回boolean值
* 5.clear:清空集合,返回undefined
*/
// 声明Map
let m = new Map();
// 添加元素
m.set("name", "张三");
m.set("change", function () {
console.log("改变自己,改变全世界");
});
let key = {
school: "麻省理工!",
};
m.set(key, ["美国", "英国", "法国"]);
// size
// console.log(m.size);
// 删除
// m.delete("name");
// 获取
// console.log(m.get(key));
// console.log(m.get("change"));
// 清空
// m.clear();
// console.log(m);
// 遍历
for (const iterator of m) {
console.log(iterator);
}
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· winform 绘制太阳，地球，月球 运作规律
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理