nested - 减少 javascript 中的嵌套对象数组

Question

所以我有这个数组，我想使用reduce函数返回lci之和和mci之和

const data = [{ option:{ lci: 1, mci: 2 } }, { option:{ lci: 3, mci: 4 } }, { option:{ lci: 5, mci: 6 } }];

我已经尝试过这个，但它不起作用:

 data.reduce( (previousValue, currentValue) => {
    return {
      totalLCI: previousValue.option.lci + currentValue.option.lci,
      totalMCI: previousValue.option.lci + currentValue.option.lci,
    };
  })

Answer 1

reduce 方法需要 2 个重要的参数:你的归约函数和迭代第 0 步的默认值

这里的 reducer 有 2 个参数:

• 所谓的previousValue:这里称为reducerTarget，因为它接收reducer主体中返回的内容
• reducer 所在的currentValue:这里称为currentArrayItem

这可能是您想要的

    const {totalLCI, totalMCI} = data.reduce((reducerTarget, currentArrayItem) => { 
        return {
            totalLCI: reducerTarget.totalLCI + currentArrayItem.option.lci,
            totalMCI: reducerTarget.totalMCI + currentArrayItem.option.mci
        }
    }, {totalLCI: 0, totalMCI: 0})

从这里开始，从默认值开始，它在第一次迭代中执行的操作是

/* 1st step: 
    index = 0
    targetReducer = defaultValue = {totalMCI: 0, totalLCI: 0}
    currentArrayItem = {option: {lci: 1, mci: 2}}
*/
        return {
            totalLCI: 0 + 1,
            totalMCI: 0 + 2
        }

/* 2nd step: 
    index = 1
    targetReducer = previousValue = {totalMCI: 1, totalLCI: 2}
    currentArrayItem = {option: {lci: 3, mci: 4}}
*/
        return {
            totalLCI: 1 + 3,
            totalMCI: 2 + 4
        }