嵌套 forEach 循环以将对象添加到现有对象 javascript
Nested forEach loops to add object to existing object javascript
有没有比我在下面所做的更好的方法来迭代两个对象数组? 这样做似乎很混乱。 我正在使用洛达什。
var array1 = [
{id:4356, name: 'James', sex: 'male'},
{id:7899, name: 'Jimmy', sex: 'male'},
{id:2389, name: 'Dawn', sex: 'female'}
];
var array2 = [
{id:4356, salary: 1000, job: 'programmer'},
{id:7899, salary: 2000, job: 'tester'},
{id:2389, salary: 3000, job: 'manager'}
];
示例输出:
console.log(array1[0])
{
id:4356,
name: James,
sex: male,
person: {
id:4356,
salary: 1000,
job: programmer
}
}
功能:
_.forEach(array1, function(item1) {
_.forEach(array2, function(item2) {
if(item1.id === item2.id){
item1.person = item2;
}
});
});
由于使用的是 lodash,因此可以使用 _.find()
方法根据id
属性查找array2
中的相应对象。
_.forEach(array1, function(item1) {
item1.person = _.find(array2, {id: item1.id});
});
值得指出的是,如果未找到对象,这将导致未定义的person
属性。如果这是一个问题,只需检查是否返回了对象:
_.forEach(array1, function(item1) {
var obj = _.find(array2, {id: item1.id});
if (obj) {
item1.person = obj;
}
});
如果没有lodash,它将非常相似:
array1.forEach(function(item1) {
item1.person = array2.find(function (item2) {
return item2.id === item1.id;
});
});
我会构建一个引用对象并添加到其中,这样您就不会加载第二个数组 N 次。 像这样:
var array1 = [{id:4356, name: 'James', sex: 'male'},
{id:7899, name: 'Jimmy', sex: 'male'},
{id:2389, name: 'Dawn', sex: 'female'}
];
var array2 = [{id:4356, salary: 1000, job: 'programmer'},
{id:7899, salary: 2000, job: 'tester'},
{id:2389, salary: 3000, job: 'manager'}
];
var array3 = {};
for(var i in array1) {
array3[array1[i]['id']] = array1[i];
}
for(var i in array2) {
for(var key in array2[i]) {
array3[array2[i]['id']][key] = array2[i][key];
}
}
这为您提供了一个具有两个数组属性的对象,例如:
Object {2389: Object, 4356: Object, 7899: Object}
好处是您只需迭代每个数组一次。
相关文章:
- 面向对象JavaScript中的私有函数
- 对象 Javascript 中的标签无效 - 想要添加事件列表器
- 将字符串转换为对象 javascript/jquery
- 正在检查对象javascript中是否存在嵌套属性
- 时间-日期对象JavaScript getUTCMilliseconds
- 仅在对象(javascript)中解析值
- 使用对象(JavaScript或jQuery)填充选择下拉列表
- 引用另一个对象javascript中的对象
- 如何删除列表中的对象?Javascript nodejs和下划线
- 无法从日期对象javascript获取日期和月份
- 如何在if语句中使用对象-Javascript
- 对象javascript错误
- 对象Javascript的少数实例
- 位置对象Javascript
- 将字符串传递到对象javascript中
- 获取对象Javascript或jQuery的最后一个值
- 鼠标接近对象Javascript
- 这个mixins代码是书中的错误吗;面向对象JavaScript的原理”;
- 使用闭包编译器编写更好的面向对象JavaScript完整示例代码
- 访问对象javascript数组中的对象属性值