JS给对象添加新的键值对

layui版本: layui-2.2.45

问题描述:

我需要在用户点击分页时,获取筛选表单里的所有数据.官方文档只有一个表单提交时的回调方法.

解决思路:

1.定义一个对象,

2.表单序列化成数组.

3.遍历数组把元素添加到对象中

我想要的是,用户点击分页跳转时获取表单的数据,所以要在点击事件中处理.

查文档.官方文档介绍2.5.5才支持form 取值 方法

不通过form.on获取数据,又不想升级版本.那就自己写.

1.数组转换成map键值对

var m=new Map()

var arr=['a','b','v','r']

for(var i=0i<arr.lengthi++){

m.set(arr[i],i)//转变成新的map键值对，也可以像原有键值对添加新得键值对，具有唯一性，当重复赋值，则会使用最后一个值

}

console.log(m)        //{"a" =>0,"b" =>1,"v" =>2,"r" =>3}

 console.log(m.get('a'))       //查看键值对a的值     0

console.log(m.has('c'))      //查看是否存在这个键值对,返回布尔类型的值     false

console.log(m.delete('r'))            //删除r键值对   返回布尔类型       true

console.log(m)              //{"a" =>0,"b" =>1,"v" =>2}

Map映射是ES6里面新增的一个对象，是一组键值对的结构，具有极快的查找速度。

Map是类似Object的一种键值对集合，区别在于Map的键不仅限于是字符串，其他各种类型的值包括对象都可以成为Map的键

Set也是ES6新增的对象，Set是一组key的集合，但不存储value, 而且key不重复，可自动排重

add(value)：添加某个值，返回Set结构本身。

delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。

has(value)：返回一个布尔值，表示该值是否为Set的成员。

clear()：清除所有成员，没有返回值。

原文链接： https://blog.csdn.net/hot_cool/java/article/details/83685046

---