如何在本机反应中过滤复杂数组？

【问题标题】：How to Filter complex array in react native?如何在本机反应中过滤复杂数组？
【发布时间】：2022-12-07 23:06:06
【问题描述】：

我有数组

[{

        "2022-12-06": [{
                "studentname": "xyz",
                "obtainmarks": "120"
            }
        ]
    },
    {

        "2022-12-07": [{
                "studentname": "xyz",
                "obtainmarks": "120"
            },
            {
                "studentname": "xyz2",
                "obtainmarks": "120"
            }
        ]
    }
]

我想要以下结果

date-2022-12-06(学生总分是-120)

学生姓名-xyz

date-2022-12-07(学生总分是-240)

学生姓名-xyz

学生姓名-xyz2

【问题讨论】：

标签： reactjs arrays sorting arraylist

【解决方案1】：

将 map 运算符与 reduce 一起使用

const list = [{

        "2022-12-06": [{
                "studentname": "xyz",
                "obtainmarks": "120"
            }
        ]
    },
    {

        "2022-12-07": [{
                "studentname": "xyz",
                "obtainmarks": "120"
            },
            {
                "studentname": "xyz2",
                "obtainmarks": "120"
            }
        ]
    }
]

const res = list.map(i => {

   const date = Object.keys(i)[0]
   
   const fullMarks = i[date].reduce((acc, item) => acc + Number(item.obtainmarks), 0)
   
   const students = i[date].map(item => item.studentname)
   
   return {date, fullMarks, students}
})

console.log(res)

【讨论】：