js 代码实现统计字符出现频率

原创于 2023-07-11 09:18:37 发布 · 163 阅读

CC 4.0 BY-SA版权

文章标签：

文章讲述了在Vue.js环境中如何利用ref创建响应式的计数器变量，并通过示例展示了使用reduce方法统计字符串中特定字符出现频率的过程。通过对字符串进行拆分和遍历，文章详细解析了reduce回调函数的逻辑，包括累加器和当前处理值的交互，以及如何更新字符的计数值。

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

  const str = "在Vue.js中，可以使用ref函数创建响应式的数据。例如，可以使用ref函数来创建一个响应式的计数器变量，并在模板中使用它的值和修改它的方法。vvvvvrrrrrrrrrrr";
        /* 
        .reduce() 有两个参数
         - 参数一：回调函数
                  在此处回调函数的两个值，累加器和当前处理值，

         - 参数二：初始值（可选）
                  在此处初始值必须是一个空的对象，用来统计字符的出现频率
        */
        const viewNumber = 'v'
        const receive = [...str].reduce((overlapValue, value) => {
            // 如果要判断单个字符，可以在包一层 if ，或者使用 && value === 'v'
            if(value === 'v') {

                // 先判断当前数组overlapValue 中是否有 value 值，有值则继续执行，相反则等于 1
                if(overlapValue[value]) {
                    overlapValue[value]++
                } else {
                    overlapValue[value] = 1
                }
            }

            return overlapValue
        },{})

        console.log(receive)