如何在 JS 中使用 for 循环迭代字符串

在 JavaScript 中，一个字符串可以被视为一系列字符的集合。因此，我们可以使用循环来遍历该字符串的每个字符。下面介绍两种常用的遍历字符串的方法。

方法一

我们可以使用字符串的 length 属性获取字符串的长度，然后使用循环来遍历字符串中的每个字符。

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

输出结果为：

H
e
l
l
o

W
o
r
l
d

在上面的代码中，我们使用了 str.length 获取字符串的长度，并使用 for 循环来遍历字符串中的每个字符。我们使用 console.log() 函数将每个字符输出到控制台。

方法二

另一种遍历字符串的方法是使用 for...of 循环。此循环是 ES6 引入的新功能，可以用于遍历任何可迭代的对象，包括字符串。

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

输出结果为：

H
e
l
l
o

W
o
r
l
d

在上面的代码中，我们使用 for...of 循环来遍历字符串中的每个字符。循环将遍历字符串中的每个字符并将其存储在 char 变量中。然后，我们使用 console.log() 函数将每个字符输出到控制台。

使用 for...of 循环的一个优点是可读性更好，代码也更简单。

在这两种方法中，我们使用 console.log() 函数将每个字符输出到控制台。如果要将字符存储在数组中，可以使用 push() 函数将字符添加到数组中。

const str = "Hello World";
const arr = [];
for (const char of str) {
  arr.push(char);
}
console.log(arr);

在上面的代码中，我们遍历字符串并将每个字符添加到名为 arr 的数组中。然后，我们使用 console.log() 函数将该数组输出到控制台。

输出结果为：

["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d"]

总之，在 JavaScript 中遍历字符串很简单。以上是两种常用的方法，开发者可以根据自己的需求选择适合自己的方法。