6-9 WPS JS宏Map、 set、get、delete、clear()映射的添加、修改、删除

6-9 WPS JS宏Map、 set get delete 、clear() 映射的添加、修改、删除

映射(Map)对象表示一组被称为键的值,其中每个键都关联着(或映射到)另一个值。从某种角度看,映射类似数组,只不过它并不局限于用连续的整数作为键。(键类似于索引号,但是它可以是任意值,也可是不连续数值。)

new Map:(注意:map迭代与Map映射的区别为首字母大小写的不同)

创建映射

****使用方法:****var m2=new Map([[键,值],[键,值]])

set :() (注意:Set集合与set映射添加修改的区别为首字母大小写的不同)

向映射中添加键值,修改值

****使用方法:****映射.set(键,值)

get

获取映射中键对应的值

****使用方法:****映射.get(键)

delete

删除键及对应的值

****使用方法:****映射.delete(键)

clear:

删除映射中的所有键和值

****使用方法:****映射.clear()

基础测试:

function test(){

var m1=new Map();//创建空映射

//结果:m1=[0];Map/object

var m2=new Map([["a",100],["b",200]]);//创建有数据的映射

//结果:m2=[2];Map/object

Console.log(m2.has("bb"));//判断指定键在映射中是否存在

//打印:false

Console.log(m2.size);//判断映射中键值对个数

//打印:2

m1.set("a",100);m1.set("b",200);//向映射中添加键值对

//结果:m1=[2];Map/object

Console.log(m2.get("a"));//获取映射中键对应的值。

//打印:100

m2.set("b",15);//修改键对应的值

//结果:不显示只修改m2映射中的b键值为["b",15]])

Console.log(m2.get("b"));

//打印:15

m2.set("b",m2.get("a")+m2.get("b"));//修改键对应的值

//结果:不显示只修改m2映射中的b键值为["b",115]])

Console.log(m2.get("b"));

//打印:115

m2.delete("a");//删除键a及对应的值

//结果:m2=[1];Map/object

m2.clear();//删除 m2 映射中的所有键和值

//结果:m2=[0];Map/object

}

javascript 复制代码
function test(){
var m1=new Map();//创建空映射
//结果:m1=[0];Map/object

var m2=new Map([["a",100],["b",200]]);//创建有数据的映射
//结果:m2=[2];Map/object

Console.log(m2.has("bb"));//判断指定键在映射中是否存在
//打印:false

Console.log(m2.size);//判断映射中键值对个数
//打印:2

m1.set("a",100);m1.set("b",200);//向映射中添加键值对
//结果:m1=[2];Map/object

Console.log(m2.get("a"));//获取映射中键对应的值。
//打印:100

m2.set("b",15);//修改键对应的值
//结果:不显示只修改m2映射中的b键值为["b",15]])

Console.log(m2.get("b"));
//打印:15
m2.set("b",m2.get("a")+m2.get("b"));//修改键对应的值
//结果:不显示只修改m2映射中的b键值为["b",115]])

Console.log(m2.get("b"));
//打印:115
m2.delete("a");//删除键a及对应的值
//结果:m2=[1];Map/object

m2.clear();//删除 m2 映射中的所有键和值
//结果:m2=[0];Map/object
}
相关推荐
爱分享的鱼鱼2 小时前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond2 小时前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T2 小时前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧2 小时前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光2 小时前
Vue3 环境搭建 5 步走(零基础友好)
前端
不知名用户来了2 小时前
基于vue3 封装的antdv/element-Plus 快速生成增删改查页面
前端
明川2 小时前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
布列瑟农的星空2 小时前
webpack迁移rsbuild——配置深度对比
前端
前端小黑屋2 小时前
查看项目中无引用到的文件、函数
前端