在JavaScript开发中,我们频繁地使用字符串和数组两种数据类型。当我们需要将字符串转化为数组时,下面将为大家介绍6种常用方法。
split()函数可将字符串按照指定的分隔符进行分割,并将分割后的结果存放在数组中。
const str = "Hello World!";
const arr = str.split(" ");
console.log(arr); // ["Hello", "World!"]
示例说明:将字符串 "Hello World!" 按照空格进行分割,结果为字符串数组 ["Hello", "World!"]
从 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", "!"]
在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()函数将字符串转为数组。
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