关键词

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

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种将字符串转为数组的方法。在实际开发中,我们可以根据自己的需要选用不同的方法。在性能上,第一个方法的性能较好,而使用正则表达式的性能相对较差。

本文链接:http://task.lmcjl.com/news/9382.html

展开阅读全文