当后台传过来一个数组的时候，我们发现，需要往里面添加个属性，用起来更方便，这时候，我们就要往数组里面添加一个对象，再使用这个新的数组就可以了

var cardNumArr = [];
//定义一个空的数组
var cardNumObj = {};
//定义一个空的对象
cardNumObj = { name: '李白', id: 1 };
cardNumArr.push(cardNumObj);
console.log(cardNumArr);

往对象里面添加元素 方法一

let obj ={"name":"tom","age":16}
let key = "id";
let value = 2
obj[key] = value;
console.log(obj)

往对象里面添加元素 方法二利用扩展运算符

    var obj1={"vue":300,"jquery":200};
    var obj2={"react":500};
    var obj3={
	    ...obj1,
	    ...obj2
    }
    console.log(obj3)

往对象里面添加元素 方法三

let obj4 = {a:"1"};
let obj5 = {b:"2"};
let obj6 = {c:"3"};
Object.assign(obj4,obj5,obj6);
console.log(obj4)

数组里面添加对象：

//定义一个空数组
let array = [];
//定义一个对象
let obj = { id:1, name:'xiao'};
array.push(obj)

对象里面添加元素：

第一种方法：

let obj = {id:1;name:'xiao'};
let key = 'age';
let value = 23;
obj[key]=value;

第二种方法：

let obj1={id:1};
let obj2={name:'xiao'};
Object.assign(obj1,obj2)
//Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。

第三种方法：

//利用扩展运算符
var obj1={a:1,b:2};
    var obj2={c:3};
    var obj3={
	    ...obj1,
	    ...obj2
    }

一、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]]