假设我有两个对象数组,如下所示:
var arr1 = [{name: 'Jay'}, {name: 'Bob'}];
var arr2 = [{age: 22}, {age: 30}];
我想要一个像这样的组合数组:
var arr3 = [{name: 'jay', age: 22}, {name: 'Bob', age: 30}];
您可以安全地假设两个初始数组的索引彼此匹配,这意味着 arr1 的索引 0 将始终与 arr2 的索引 0 匹配。
完成此任务的最快方法是什么?我想象一个 forEach
循环嵌套在另一个 forEach
循环中,并使用 arr2
中的当前对象扩展 arr1
中的每个对象>,但我觉得这可能太复杂了。
最佳答案
您可以只迭代一个数组并使用第一次迭代的索引创建一个新数组。有很多方法可以做到这一点。这是一个:
var arr1 = [{name: 'Jay'}, {name: 'Bob'}];
var arr2 = [{age: 22}, {age: 30}];
var combined = arr1.map(function(item, index) {
return {name: item.name, age: arr2[index].age};
});
document.write(JSON.stringify(combined));
如果您真的想要最佳性能,则必须在多种不同的浏览器中测试多种方案。例如,有时 for
循环比某些浏览器中的内置数组方法更快。
var arr1 = [{name: 'Jay'}, {name: 'Bob'}];
var arr2 = [{age: 22}, {age: 30}];
var combined = [];
for (var i = 0; i < arr1.length; i++) {
combined[i] = {name: arr1[i].name, age: arr2[i].age};
}
document.write(JSON.stringify(combined));
仅供引用,for
循环选项(第二个选项)在 a jsperf 中的所有三种浏览器中看起来都快了很多。 .
关于javascript - 合并两个数组的相同索引对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34076624/