JS给对象添加新的键值对

layui版本: layui-2.2.45

问题描述:

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

解决思路:

1.定义一个对象,

2.表单序列化成数组.

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

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

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

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

treeData是一个数组，数据格式如

[

{ [ ],[ ],[ ] } ,

{ [ ],[ ],[ ] } ,

]

以下三种方法实现为数组中的对象添加一个新的属性和值；

1.Object.defineProperty

2.$set

1.1 数据属性（`properties`），对象的普通属性将字符串名称映射到值。例如，下面对象obj有一个数据属性，名称为 prop，对应的值为 123：var obj = {prop: 123}可以用以下方式读取属性的值：console.log(obj.prop)// 123，console.log(obj["prop"])// 123，当然也可以用以下方式来设置属性的值：obj.prop = "abc"obj["prop"] = "abc"

1.2 访问器属性，另外，可以通过函数处理获取和设置属性值。 这些函数称为访问器函数。 处理获取的函数称为getter。 处理设置的函数称为setter：var obj = {get prop () {return 'Getter'},set prop (value) {console.log('Setter: ' + value)}}访问 obj 属性：>obj.prop'Getter'>obj.prop = 123Setter: 123。

1.3 内部属性一些属性只是用于规范，这些属于“内部”的属性,因为它们不能直接访问,但是它们确实影响对象的行为。内部属性有特殊的名称都写在两个方括号，如：内部属性[[Prototype]]指向对象的原型。它可以通过Object.getPrototypeOf()读取。它的值只能通过创建具有给定原型的新对象来设置，例如通过object.create()或__proto__ 。

内部属性[[Extensible]]决定是否可以向对象添加属性。可以通过Object.isExtensible() 方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）。可以通过Object.preventExtensions()方法让一个对象变的不可扩展，也就是永远不能再添加新的属性。

属性特性(attribute)，属性的所有状态，包括数据和元数据，都存储在特性(attribute)中。它们是属性具有的字段，就像对象具有属性一样。特性(attribute)键通常用双括号编写：

---