数组合并和对象合并方法

写作背景：项目中有一个下拉框，选中时会带出一个参数数组，渲染成列表，某个节点中也包含该选项的一些参数数据，当下拉框中的参数在后台发生了变化时，比如增加一个参数或者减少一个参数，那对应这个节点的属性也要保持和当前下拉框所属参数一致，只是值为空。
具体数据如下：

const selectObjParams = {
  "agv": "",
  "chargeStationId": "",
  "maxChargeCurrent": "",
  "maxChargeVoltage": "",
  "chargeLevel": ""
};

const nodeParams = {
  "agv": "[#context.node.1661135994559-03#]",
  "chargeStationId": "[#param.chargeStationId#]",
  "maxChargeCurrent": "",
  "maxChargeVoltage": ""
};
//将两个对象合并
let resObj = {
...nodeParams,
...selectObjParams
}

对象合并

1. 扩展运算符
2. Object.assign()

let resObj=Object.assign({},selectObjParams,nodeParams);
//输出
{agv: '[#context.node.1661135994559-03#]', chargeStationId: '[#param.chargeStationId#]', maxChargeCurrent: '', maxChargeVoltage: '', chargeLevel: ''}

数组合并

1. 扩展运算符合并

let arr1=['aa','bb','cc'];
let arr2=['aa','dd'];[...arr1,...arr2]
//输出
['aa', 'bb', 'cc', 'aa', 'dd']

2. concat()方法合并

数组对象合并

当对象属性有相同的时候，会覆盖

arr1=[{name:'a',age:18},{name:'b',age:10},{name:'c',age:8}];
arr2=[{name:'dd',school:'xr'},{school:'xs'}];
let newArr=arr1.map((item,index)=>{
    return {...item,...arr2[index]}
});
```![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/366e3f29c05f4257995c22ca65c9500c.png)