遍历数组的一些方法

小有名气bug发明家

于 2021-12-09 10:54:33 发布

阅读量368

点赞数

文章标签：排序算法算法

本文链接：https://blog.youkuaiyun.com/W936438835/article/details/121808644

版权

这篇博客介绍了JavaScript中reduce方法的使用，通过一个实际示例展示了如何利用reduce计算boothCard数组中choose属性为true的元素数量。在计算过程中，回调函数接收上一次的累计值和当前元素，并根据当前元素的choose属性更新累计值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、reduce语法

arr.reduce(callback,[initialValue])

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

callback （执行数组中每个值的函数，包含四个参数）

    1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
    2、currentValue （数组中当前被处理的元素）
    3、index （当前元素在数组中的索引）
    4、array （调用 reduce 的数组）

initialValue （作为第一次调用 callback 的第一个参数。）

真实使用

 boothCard: [
        {
          id: 0,
          idView: require('@/assets/img/示意图.png'),
          title: '这里是个名称1',
          finish: 1,
          release: 1,
          choose: false
        }
]

......
computed: {
    // 选中个数
    getNum() {
      return this.boothCard.reduce(function(chushi, forNum) {
        if (forNum.choose === true) {
          chushi++
        }
        return chushi
      }, 0)
    }
  },