javascript - 如何比较对象内的值具有不同序列的数组javascript

Question

我有两个数组，我想在数组内找到匹配的值。但这些值出现的顺序不同。如何在纯 JavaScript 中比较这些值。我想匹配 property1 和 name 的值，然后提取 property3，其中 property1 与 name 匹配

代码:

var data = []
var data1 = [
    {'property1': 'john', 'property2': 12}, 
    {'property1': 'jasmin', 'property2': 22}, 
    {'property1': 'dog', 'property2': 22}
]
var data2 = [
    {'name': 'dog', 'property2': 12, 'property3': 'xys'}, 
    {'name': 'john', 'property2': 22, 'property3': 'acb'}, 
    {'name': 'jasmin', 'property2': 22, 'property3': 'jjj'}
]

for(var i=0; i<data1.length; i++){
    if(data1[i].property1 == data2[i].name){
        data.push({
            'property1': data1[i].property1,
            'property2': data1[i].property2,
            'property3': data2[i].property3
        }) 
    } else {
        console.log('not equal')
    }
}

jsfiddle

预期输出

data=[{'property1': 'john', 'property2': 12, 'property3': 'acb'}, 
{'property1': 'jasmin', 'property2': 22, 'property3': 'jjj'}, 
{'property1': 'dog', 'property2': 22, 'property3': 'xys'}]

Answer 1

var data = []
var data1 = [
    {'property1': 'john', 'property2': 12}, 
    {'property1': 'jasmin', 'property2': 22}, 
    {'property1': 'dog', 'property2': 22}
];
var data2 = [
    {'name': 'dog', 'property2': 12, 'property3': 'xys'}, 
    {'name': 'john', 'property2': 22, 'property3': 'acb'}, 
    {'name': 'jasmin', 'property2': 22, 'property3': 'jjj'}
];

data = data1.slice().map(function(el){
    for (var i = 0, l = data2.length; i < l; i++) {
        if (el.property1 === data2[i].name) {
            el.property3 = data2[i].property3;
        }
    }
    return el;
});

console.log(data);

data1.slice().map(...) 适用于原始数组的副本，因此在循环中我们不会更改原始数据。