JavaScript实现字符串转数组的6种方法总结

在JavaScript开发中，我们频繁地使用字符串和数组两种数据类型。当我们需要将字符串转化为数组时，下面将为大家介绍6种常用方法。

方法一：split()函数

split()函数可将字符串按照指定的分隔符进行分割，并将分割后的结果存放在数组中。

const str = "Hello World!";
const arr = str.split(" ");
console.log(arr); // ["Hello", "World!"]

示例说明：将字符串 "Hello World!" 按照空格进行分割，结果为字符串数组 ["Hello", "World!"]

方法二：Array.from()

从 ECMAScript 6 开始，我们可以使用新的 Array.from() 方法将字符串转换为数组。

const str = "Hello World!";
const arr = Array.from(str);
console.log(arr); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

示例说明：将字符串 "Hello World!" 转换成数组 ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

方法三：spread运算符

在ECMAScript 6中，我们还可以使用spread运算符将字符串转为数组。

const str = "Hello World!";
const arr = [...str];
console.log(arr); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

示例说明：将字符串 "Hello World!" 转换成数组 ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

方法四：split()和map()函数结合使用

我们也可以结合使用split()和map()函数将字符串转为数组。

const str = "Hello World!";
const arr = str.split("").map(function(item) {
  return item;
});
console.log(arr); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

示例说明：将字符串 "Hello World!" 转换成数组 ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

方法五：正则表达式

我们还可以使用正则表达式将字符串转为数组，如下所示：

const str = "Hello World!";
const arr = str.split(/(?!^)/);
console.log(arr); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

示例说明：将字符串 "Hello World!" 转换成数组 ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

方法六：迭代器

我们还可以使用迭代器来将字符串转换为数组。

const str = "Hello World!";
const arr = Array.from(str, function(item) {
  return item;
});
console.log(arr); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

示例说明：将字符串 "Hello World!" 转换成数组 ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]

总结：通过这篇文章，我们了解了6种将字符串转为数组的方法。在实际开发中，我们可以根据自己的需要选用不同的方法。在性能上，第一个方法的性能较好，而使用正则表达式的性能相对较差。