如何基于另一个数组中的键/值对为一个数组中的对象分配属性值？

Question

我有一个看起来像这样的数组：

var fields = [{Name: 'FirstName', Value: '', Display: 'First Name'}, {...}]

我有另一个看起来像这样的数组：

var nameValue = [{'FirstName':'John'}, {'LastName':'Doe'}, ...]

如何使用第二个数组中的名称/值对为第一个数组中的每个字段分配Value属性？

所需结果：

fields = [{Name: 'FirstName', Value: 'John', Display: 'First Name'}, {...}]

Answer 1

您可以先创建一个具有所有必需值和迭代fields的对象，检查是否存在具有名称的属性，然后分配该值。

 var fields = [{ Name: 'FirstName', Value: '', Display: 'First Name' }], nameValue = [{ FirstName: 'John' }, { LastName: 'Doe' }], values = Object.assign({}, ...nameValue); fields.forEach(o => (o.Name in values) && (o.Value = values[o.Name])); console.log(fields); 

Answer 2

循环，检查，分配：

fields.forEach(function(field) {
    let key = field.Name;
    for (let i = 0; i < nameValue.length; i++) {
        for (let nameKey in nameValue[i]) {
            if (nameKey == key) {
                field.Value = nameValue[i][key]
                break;
            }
        }
    }
});

Answer 3

首先将所有名称和值组合到一个对象中：

var nvObject = {};
nameValue.forEach(function (e) {
    for (key in e) {
        nvObject[key] = e[key];
    }
});

现在nvObject = { FirstName: 'John', LastName: 'Doe', ... } 。 也许您可以首先构造像这样的nameValue ，而不是使其成为对象数组。

然后，您可以使用它来更新另一个阵列。

$fields.forEach(function (e) {
    if (e.Name in nvObject) {
        e.Value = nvObject[e.Name];
    }
});