JS字符串统计操作示例【遍历,截取,输出,计算】

为了更好地讲解 “JS字符串统计操作示例【遍历,截取,输出,计算】”，我们首先需要了解什么是字符串以及JavaScript中的字符串操作函数。

1. 什么是字符串？

字符串就是一系列字符的集合，例如"Hello World!"就是一个字符串。在JavaScript中，字符串可以用单引号、双引号或被反斜杠包括起来。

例如：

var str = 'Hello World!'; //单引号
var str2 = "What's your name?"; //双引号
var str3 = 'I\'m fine!'; //反斜杠

2. JavaScript字符串操作函数

在JavaScript中, 可以使用一系列的函数来处理字符串，常用的字符串函数如下：

• charAt() // 返回指定位置的字符
• slice() // 从某个字符串中提取一部分字符串
• substr() // 从起始索引号提取字符串中指定数目的字符
• substring() // 提取字符串中两个指定的索引号之间的字符
• indexOf() //返回字符串中检索指定字符第一次出现的位置
• lastIndexOf() //返回字符串中检索指定字符最后一次出现的位置
• replace() //替换字符串中的指定字符
• split() //把字符串分割为字符串数组

这里不对每个函数进行详细讲解，如果有需要可以深入学习相关资料。

3. JS字符串统计操作示例

下面我们通过两个例子来展示如何使用以上函数执行字符串统计操作。

示例1：遍历、截取和输出字符串

// 假设我们有一个字符串，需要对其进行遍历和截取操作
const str = "Hello World!";
let result = "";
// 遍历字符串，获取每个字符
for (let i = 0; i < str.length; i++) {
    if (i < 5) {
        // 获取前五个字符，拼接到result变量中
        result += str.charAt(i);
    } else {
        // 截取后面的字符
        const substr = str.substring(i, i+1);
        // 将截取的字符转换成大写字母，拼接到result变量中
        result += substr.toUpperCase();
    }
}
// 打印处理后的字符串，结果为Hello WORLd!
console.log(result);

代码执行的流程如下：
1. 定义一个字符串 str，并初始化为 "Hello World!"
2. 定义一个空字符串 result，用于存储处理后的结果
3. 使用 for 循环遍历字符串 str，获取每个字符
4. 当下标小于 5 时，通过 charAt() 方法获取当前字符，拼接到 result 变量中
5. 当下标大于等于 5 时，通过 substring() 方法获取当前字符，将其转换为大写字母后，拼接到 result 变量中
6. 代码执行结束后，输出 result 的值

示例2：计算一个字符串中每个字符出现的次数

const str = 'We build our computers the way we build our cities: over time, without a plan, on top of ruins. - Ellen Ullman';
// 定义一个对象，用于存储每个字符出现的次数
const count = {};
// 遍历字符串，统计每个字符出现的次数
for (let i = 0; i < str.length; i++) {
    const char = str.charAt(i);
    if (count[char]) {
        count[char]++;
    } else {
        count[char] = 1;
    }
}
// 输出每个字符出现的次数
console.log(count);

代码执行的流程如下：
1. 定义一个字符串 str，其包含多个字符
2. 定义一个空对象 count，用于存储每个字符出现的次数
3. 通过 for 循环遍历字符串 str，获取每个字符
4. 使用 charAt() 方法获取当前字符
5. 判断该字符是否在 count 对象中存在
6. 如果存在，将该字符对应的计数加 1
7. 如果不存在，将该字符添加到 count 对象，并将计数初始化为 1
8. 遍历结束后，输出 count 对象

以上就是对于JS字符串统计操作示例的完整攻略，希望对您有所帮助。