减少javascript中的嵌套对象数组

如何解决减少javascript中的嵌套对象数组

所以我有这个数组,我想用一个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,};
  })

解决方法

reduce 方法需要 2 个重要参数:reduce 函数和迭代第 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
        }
,

首先,您需要知道字段 totalLCItotalMCI 中是否存储了值,如果未设置,请添加 上一个 值和 当前值,添加后,返回值,在下一次迭代中,您将再次检查数据是否存储在totalLCItotalMCI中,之后,您将获得存储在该字段并一直求和直到完成迭代,这里是一个例子:

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

let test = data2.reduce( (previousValue,currentValue) => {
    
    if(!previousValue.totalLCI && !previousValue.totalMCI){

        return {
          totalLCI: previousValue.option.lci + currentValue.option.lci,totalMCI: previousValue.option.mci + currentValue.option.mci
        };
    }else{
        return{
            totalLCI: previousValue.totalLCI + currentValue.option.lci,totalMCI: previousValue.totalMCI + currentValue.option.mci
        }

    }
  });



console.log(test.totalLCI);
console.log(test.totalMCI);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?