迭代String的旁门左道

StringLteration

首先说明一下，本人是前端小学生级别的菜鸡，吐槽的话请口下留情，在评论区指出错误或者补充不足，我会很喜欢，互喷不会进步，相互指点才会。。。。谢谢大家啦

目录

• for
• for…of (ES6) 就是不能遍历对象
• while+charAt
• Array.from+forEach
• charAt +for
• split() + forEach()

📌字符串迭代

在 JavaScript 中，您可以使用多种方法来遍历字符串，以下是一些常见的遍历方法以及示例：

for

• 使用 for 循环遍历字符串的每个字符。
• 适用于最基本的遍历需求，通常用于需要对字符串进行复杂操作或条件判断的情况。
• 可以通过控制循环索引来灵活访问字符串的各个部分。
• 不需要将字符串转换为数组或使用额外的方法。
• 示例：

const str = "Hello";
for (let i = 0; i < str.length; i++) {
  console.log(str[i]);
}

for...of (ES6) 就是不能遍历对象

• 使用 for...of 循环遍历字符串的每个字符。
• 更简洁和语义化的方式，适用于遍历字符串的每个字符，不需要关心索引。
• 适用于需要按顺序访问字符串的情况，但不需要索引信息的场景。
• 不需要将字符串转换为数组。
• 示例：

const str = "Hello";
for (const char of str) {
  console.log(char);
}

while+charAt

let str = "Hello, World!";
let i = 0;
while (i < str.length) {
  console.log(str.charAt(i));
  i++;
}

Array.from+forEach

• 使用字符串的 forEach 方法遍历每个字符（需要将字符串转换为数组）。
• 适用于将字符串转换为数组后进行遍历的情况，因为字符串本身没有 forEach 方法。
• 可以在遍历过程中执行回调函数，用于对字符进行操作或处理。
• 适用于需要更复杂的字符处理逻辑的情况。
• 示例：

const str = "Hello";
Array.from(str).forEach(function(char) {
  console.log(char);
});

charAt +for

• 使用 charAt 方法遍历每个字符。
• 适用于需要在遍历过程中使用 charAt 方法结合for循环，获取字符的索引位置的情况。
• 可以灵活控制索引，但相对于 for...of 或 forEach，它的语法较为冗长。
• 示例：

const str = "Hello";
for (let i = 0; i < str.length; i++) {
  const char = str.charAt(i);
  console.log(char);
}

split() + forEach()

• 使用 split 方法将字符串分割为字符数组，然后遍历数组。
• 适用于需要将字符串分割为字符数组后进行遍历的情况。
• 可以使用数组的 forEach 方法对字符进行处理。
• 可以方便地在遍历过程中执行其他数组操作，如过滤、映射等。
• 示例：

const str = "Hello";
const charArray = str.split('');
charArray.forEach(function(char) {
  console.log(char);
});