合并对象/数组
TIP
再工作中经常会把数组/对象合并成一个新的数组/对象。下面咱们就分别拆开看看
使用Object.assign合并对象
js
Object.assign({}, { name: 1 }, { age: 2 });
// 输出： {name: 1, age: 2}使用...扩展运算符合并对象
js
const newObject = { ...{ name: 1 }, ...{ age: 2 } };
// 输出： {name: 1, age: 2}使用for in循环
js
const newObject = {};
const name = { name: 1 };
const age = { age: 2 };
for (let key in name) {
newObject[key] = name[key];
}
for (let key in age) {
newObject[key] = age[key];
}
// 输出： {name: 1, age: 2}封装一个支持多个对象合并的方法
js
function mergeObject(...args) {
return Object.assign({}, ...args);
}使用...扩展运算符合并数组
js
const arr1 = [{ name: 1 }];
const arr2 = [{ name: 1 }];
const newArray = [...arr1, arr2];使用for循环合并数组
js
const arr1 = [{ name: 1 }];
const arr2 = [{ name: 1 }];
const newArray = [];
for (let i = 0; i < arr1.length; i++) {
const element = arr1[i];
newArray.push(element);
}
for (let i = 0; i < arr2.length; i++) {
const element = arr2[i];
newArray.push(element);
}封装一个支持多个数组合并的方法
js
function mergeArray(...args) {
return [].concat(...args);
}TIP
以上就是几种合并数组/对象的相关方法了。