替换数组中已更改的元素

Question

我有很多参加者，其中 2 位也是讲师。我想通过替换 him/her 来更新其中一位讲师，并在数组中保留其余与会者。

这是一个例子：

    {   
      attendees: [ 
        { email: 'instructor1@gmail.com' },
        { email: 'instructor2@gmail.com' },
        { email: 'attendee@gmail.com' },
        { email: 'attendee1@gmail.com' },
        { email: 'attendee2@gmail.com' } 
      ]
    }

现在我提交了一组新的讲师，其中一个发生了变化：

    {
      instructors: [
        { email : 'test@gmail.com' },
        { email : 'instructor2@gmail.com' }
      ]
    }

而我的最终结果应该是：

    {   
      attendees: [ 
        { email: 'test@gmail.com' },
        { email: 'instructor2@gmail.com' },
        { email: 'attendee@gmail.com' },
        { email: 'attendee1@gmail.com' },
        { email: 'attendee2@gmail.com' } 
      ]
    }

其中 test@gmail.com 已取代 instructor1@gmail.com 成为新讲师。我想我可以将 _.differenceBy 与 lodash 一起使用，但无法弄清楚如何替换数组中已更改的元素。有没有一种优雅的方法可以做到这一点？

Answer 1

这里有一些解决方案，要么 1) 将更新放在新变量中，要么 2) 更新与会者变量。当然，这是非常有限的，因为您的数据没有类似于主键的东西（即：ID 字段）。如果您确实有主键，那么您可以修改这些示例以检查 id。

var attendees = [ 
    { email: 'instructor1@gmail.com' },
    { email: 'instructor2@gmail.com' },
    { email: 'attendee@gmail.com' },
    { email: 'attendee1@gmail.com' },
    { email: 'attendee2@gmail.com' } 
]

var instructors = [
    { email : 'test@gmail.com' },
    { email : 'instructor2@gmail.com' }
]

// 1) in a new variable
var updatedAttendees = attendees.map(function(item, index) {
    return instructors[index] || item;
})

// 2) In the same variable
for (var i = 0; i < attendees.length; i++) {
    if (instructors[i]) {
        attendees[i] = instructors[i];
    }
}

如果您确实有主键，它可能看起来像这样。请注意，我们现在有两个嵌套循环。这个例子根本没有优化，只是给你一个大概的想法：

var attendeesWithId = [
    { id: 1, email: 'instructor1@gmail.com' },
    { id: 2, email: 'instructor2@gmail.com' },
    { id: 3, email: 'attendee@gmail.com' },
    { id: 4, email: 'attendee1@gmail.com' },
    { id: 5, email: 'attendee2@gmail.com' } 
]

var updates = [
    { id: 4, email: 'something-different@gmail.com' },
]

for (var j = 0; j < updates.length; j++) {
    var update = updates[j];

    for (var i = 0; i < attendeesWithId.length; i++) {
        if (update.id === attendeesWithId[i].id) {
            attendeesWithId[i] = update;
        }
    }
}

Answer 2

这有帮助吗

var initialData =  {   
      attendees: [ 
        { email: 'instructor1@gmail.com' },
        { email: 'instructor2@gmail.com' },
        { email: 'attendee@gmail.com' },
        { email: 'attendee1@gmail.com' },
        { email: 'attendee2@gmail.com' } 
      ]
    }

var updateWithThis = {
      instructors: [
        { email : 'test@gmail.com' },
        { email : 'instructor2@gmail.com' }
      ]
    }

for(var i=0; i< updateWithThis.instructors.length;i++){
    initialData.attendees[i] = updateWithThis.instructors[i];
}

document.write(JSON.stringify(initialData));

替换数组中已更改的元素

Replace element that has changed in array

javascript

arrays

lodash