vue 数组对应的个数
    在Vue中，我们经常需要对数组进行操作，其中一个常见的需求是统计数组中某个元素出现的个数。这种需求在数据分析和展示中都非常常见，Vue 提供了很多便捷的方法来实现这个功能。
filter过滤对象数组    1. filter() 方法
    filter() 方法可以返回符合条件的元素组成的新数组，我们可以利用这个特性来统计某个元素的个数，例如下面的代码：
    ```
    computed: {
    count: function () {
    return this.arr.filter(item => item === 'foo').length
    }
    }
    ```
    在上面的代码中，我们通过 filter() 方法过滤出所有值为 'foo' 的元素，然后返回该数组的长度，即为 'foo' 出现的次数。
    2. reduce() 方法
    reduce() 方法可以对数组中的元素进行累加操作，我们可以利用这个特性来统计某个元素的个数，例如下面的代码：
    ```
    computed: {
    count: function () {
    return duce((accumulator, currentValue) => {
    return currentValue === 'foo' ? accumulator + 1 : accumulator
    }, 0)
    }
    }
    ```
    在上面的代码中，我们通过 reduce() 方法对数组中的所有元素进行累加操作，同时判断当前元素是否为 'foo'，如果是则累加器加 1，最终返回累加器的值，即为 'foo' 出现的次数。
    3. map() 方法
    map() 方法可以返回一个新数组，其中每个元素都是原数组中经过某种处理后的结果，我们可以利用这个特性来统计某个元素的个数，例如下面的代码：
    ```
    computed: {
    count: function () {
    return this.arr.map(item => item === 'foo' ? 1 : 0).reduce((accumulator, currentValue) => accumulator + currentValue)
    }
    }
    ```
    在上面的代码中，我们通过 map() 方法将数组中的每个元素处理成 1 或 0，其中值为 1 表示该元素为 'foo'，值为 0 表示该元素不是 'foo'，然后通过 reduce() 方法对数组进行累加操作，最终返回累加器的值，即为 'foo' 出现的次数。
    总结
    以上就是利用 filter()、reduce() 和 map() 方法来统计数组中某个元素出现的次数的实现方法，根据实际需求选择合适的方法即可。同时，我们也可以封装这些方法，使其更加便捷和通用化。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。