一、JS-往数组中添加对象

1、JS-往数组中添加对象（push-从后添加）

// 封装方法：数组中添加对象（push从后添加）
function arrIncludesObj_push(arr1,arr2,arr) {
    arr1.map((item,index) => {
      var obj = {}; // 定义一个空对象
      obj.title = item; // title是自定义的属性名，根据自己需求进行更改
      obj.value = arr2[index]; // value是自定义的属性名，根据自己需求进行更改
      arr.push(obj); // push：往数组的最后面添加
    })
}

var arr = [{'title':'小杨','value':1}]; // 起始数组
var arr1 = ['小刘','小猪'];
var arr2 = [2,3];

arrIncludesObj_push(arr1,arr2,arr); // 调用函数：数组中添加对象（push从后添加）
console.log(arr); // [{'title':'小杨','value':1},{'title':'小刘','value':2},{'title':'小猪','value':3}]

2、JS-往数组中添加对象（unshift-从前添加）

// 封装方法：数组中添加对象（unshift从前添加）
function arrIncludesObj_unshift(arr1,arr2,arr) {
    arr1.map((item,index) => {
      var obj = {}; // 定义一个空对象
      obj.title = item; // title是自定义的属性名，根据自己需求进行更改
      obj.value  = arr2[index]; // value是自定义的属性名，根据自己需求进行更改
      arr.unshift(obj); // unshift：往数组的最前面添加
    })
}

var arr = [{'title':'小杨','value':1}]; // 起始数组
var arr1 = ['小刘','小猪'];
var arr2 = [2,3];

arrIncludesObj_unshift(arr1,arr2,arr); // 调用函数：数组中添加对象（unshift从前添加）
console.log(arr); // [{'title':'小猪','value':3},{'title':'小刘','value':2},{'title':'小杨','value':1}]

二、JS-往数组中添加数组

// 封装方法：往数组中添加数组（push从后添加）
function arrIncludesArr(arr1,arr2,arr) {
    arr1.map((item,index) => {
      var _arr = [];
      _arr[0] = item;
      _arr[1] = arr2[index];
      arr.push(_arr); // push改成unshift则是往前添加，详情同上
    })
}

var arr = [['小杨',1]]; // 起始数组
var arr1 = ['小刘','小猪'];
var arr2 = [2,3];

arrIncludesArr(arr1,arr2,arr); // 调用函数：数组中添加对象（unshift从前添加）
console.log(arr); // [['小杨',1],['小刘',2],['小猪',3]]

 数据格式：records的数据需要动态加入满足以下格式

{ 
    "code": 0, 
    "msg": null, 
    "data": { 
        "records": [ 
            { 
                "id": 1, 
                "name": "xxx", 
                "updateTime": "2021-01-01 00:00:00"
            }
        ], 
        "total": 1, 
        "size": 10, 
        "current": 1, 
        "orders": [ ], 
        "optimizeCountSql": true, 
        "hitCount": false, 
        "searchCount": true, 
        "pages": 1
    }
}

代码：

//定义
jsonData:{
	"code": 0, 
	"msg": null, 
	"data": { 
	    "records": [{}], //动态加入
		"total": 1, 
		"size": 10, 
		"current": 1, 
		"orders": [ ], 
		"optimizeCountSql": true, 
		"hitCount": false, 
		"searchCount": true, 
		"pages": 1
	}
},

 动态加入变量的方法：（key未定义且为变量）

for(let i in this.putData) {		
	this.jsonData.data.records.forEach(item => {
		item[this.putData[i].name] = 1;
	})
}
					

一般业务都会有在数组里添加对象属性的需求

以下列出几种常见的添加对象的方法供大家参考

一、最常见的方法：push（尾部添加）

业务场景

arr =[{'num':1},{'num':2},{'num':3}];

newArr = arr.push({'num':4})

console.log(arr)

结果：

二、unshift（头部添加）

arr =[{'num':3},{'num':4},{'num':5}];

newArr = arr.unshift({'num':2})

console.log(arr)

结果：

 三、使用splice方法插入，比如在索引为1的地方插入对象

arr =[{'num':1},{'num':3},{'num':4}];

arr.splice(1, 0, {'id': 2})

console.log(arr)

结果