Javascript - 使用来自相同 object 的另一个值更新 object 属性

Question

我有以下 object：

{ id: 1, name: 'jdoe', currentDayHours: null, totalHours: [{ task: 'cleaning', hours: 10}, { task: 'reading', hours: 2 }]}

我正在尝试创建一个 function，它将根据传递给 function 的任务参数更新currentDayHours 。 因此，例如，如果将“清洁”传递给 function，则 object 的预期结果应该是：

{ id: 1, name: 'jdoe', currentDayHours: 10, totalHours: [{ task: 'cleaning', hours: 10}, { task: 'reading', hours: 2 }]}

我对 javascript 还是新手，但我认为我应该使用foreach和filter ，但不知道如何相互使用。 任何指导将不胜感激！

Answer 1

直接访问财产就足够了。 使用Array.find查找 object。

 data = { id: 1, name: 'jdoe', currentDayHours: null, totalHours: [{ task: 'cleaning', hours: 10}, { task: 'reading', hours: 2 }]} const updateHours = (data,key) => { data.currentDayHours = (data.totalHours.find(({task})=>task===key)||[]).hours return data } console.log(updateHours(data,'cleaning'))

Answer 2

您可以使用Array.find()在totalHours数组中查找任务 object，然后使用该对象的hours分配给currentDayHours 。

如果要就地修改 object ，可以这样做：

function updateCurrentDayHours(obj, taskName) {
    const task = obj.totalHours.find(t => t.task === taskName)
    if (task) obj.currentDayHours = task.hours
}

如果您想返回一个克隆的 object，您可以使用一些库（如 lodash）提供的 deepClone function。 在这里，为了简单起见，我使用JSON.parse()和JSON.stringify() 。

function updateCurrentDayHours(obj, taskName) {
    const task = obj.totalHours.find(t => t.task === taskName)
    if (task) {
        const clone = JSON.parse(JSON.stringify(obj))
        clone.currentDayHours = task.hours
        return clone
    }
}