JS给对象添加新的键值对

2021-12-01更新

    let myKey = 'status'
    let value = 200
    let myData = {}
    myData[myKey] = value
    console.log(myData)

结果

layui版本: layui-2.2.45
问题描述:
我需要在用户点击分页时,获取筛选表单里的所有数据.官方文档只有一个表单提交时的回调方法.
解决思路:
1.定义一个对象,
2.表单序列化成数组.
3.遍历数组把元素添加到对象中

先看下官方的form.submit方法

form.on('submit(formDemo)',function(data){
            console.log(data)
        });

data.field字段是表单的数据对象,结构如下:

图片.png

我想要的是,用户点击分页跳转时获取表单的数据,所以要在点击事件中处理.
查文档.官方文档介绍2.5.5才支持form取值方法

图片.png

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

var formArr = $('#search_form').serializeArray();//form表单序列化成数组
var param = {};//数据对象
//遍历数组
for(var x in formArr){
     //格式 obj['key'] = val;
     param[formArr[x].name] = formArr[x].value;
}
console.log(param);

得到的结果

图片.png