如何使用 JavaScript 统计数组中数据重复次数并渲染到页面？

发布日期： 2024-11-02 阅读量： 作者： 网络

判断数组中数据的重复次数并渲染至页面

在前端，根据数组对象中某个字段作为判断条件，判断重复数据项并统计重复次数，是常见的业务需求之一。本文将以“NO”字段为例，对这个问题进行详细解答。

首先，我们需要通过 reduce 方法对数组中的对象进行分组，将相同“NO”字段的值归为一组，并统计每组对象的个数。在这个过程中，需要对已存在的数据进行判断和更新，具体操作如下：

let newArr = arr.reduce((s, v) => {
    let index = s.findIndex(it => it.NO === v.NO)
    index !== -1 ? s[index] = {...v, count: ++s[index].count} : s.push({...v, count: 1})
    return s
}, newArr)

上一篇: linux中wine是什么意思

下一篇: C++ 中指针参数的制定规则有哪些？

如何使用 JavaScript 统计数组中数据重复次数并渲染到页面？

随便看看