JavaScript中将字符串转换为字符数组的 4 种方法

在 JavaScript 中处理字符串时，有时我们需要将它们分解为单个字符以进行各种操作。在这篇博文中，我们将探索实现这一目标的不同方法，到最后，您将对可用的选项有一个清晰的了解。

1、使用扩展运算符
假设您有一个字符串，并且希望将其转换为一个数组，其中每个字符都是一个单独的元素。JavaScript 通过扩展运算符使这变得非常简单。看一下这个例子：

const myString = "Speak louder";
const charArray = [...myString];
console.log(charArray);

通过将字符串散布在方括号内，我们可以有效地将其拆分为字符数组。就这么简单！

2、使用 split() 方法
JavaScript 提供了另一种方便的方法，split()它允许我们根据指定的分隔符将字符串拆分为数组。如果我们不提供分隔符，它会将字符串拆分为单个字符。这是一个例子：

const myString = "Speak louder";
const charArray = myString.split('');
console.log(charArray); // ['s', 'p', 'e', 'a', 'k', ' ', 'l', 'u', 'd', 'e', 'r']

在本例中，我们传递一个空字符串作为分隔符，使该split()方法创建一个由单个字符组成的数组。

3、使用 For 循环
有时，最好还是采用老式方法，使用 for 循环将字符串转换为字符数组。这种方法为您提供了更多的控制力和灵活性。让我们看看它是如何完成的：

const myString = "speak louder";
const charArray = [];
for (let i = 0; i < myString.length; i++) {
  charArray.push(myString[i]);
}
console.log(charArray); // ['s', 'p', 'e', 'a', 'k', ' ', 'l', 'u', 'd', 'e', 'r']

通过循环遍历字符串中的每个字符并将其推入数组中，我们创建了字符数组。

4、使用 Array.from() 方法
JavaScript 的Array.from()方法是一种从可迭代对象（包括字符串）创建数组的通用方法。使用方法如下：

const myString = "speak louder";
const charArray = Array.from(myString);
console.log(charArray); // / ['s', 'p', 'e', 'a', 'k', ' ', 'l', 'u', 'd', 'e', 'r']

Array.from()使得将字符串转换为字符数组变得简洁易读。