下面详细解释一下字符串转数组的过程。 下面介绍三种转换方法:
1. 使用 split() 将给定字符串拆分为字符串数组,语法为“str.split(, 数组最大长度)”;
2.使用扩展运算符“...”迭代字符串对象并将其转换为字符数组,语法为“[...str]”;
3. 使用Array.from()将字符串转换为数组,语法为“Array.from(str)”。
本文适用于系统版本 .8.5、Dell G3 计算机。
字符串转数组的详细解释见
方法一:使用split()方法转换
split()方法用于将给定的字符串拆分为字符串数组; 该方法使用参数中提供的指定分隔符将其分隔为子字符串,然后将它们作为元素一一传递到数组中。
语法:
str.split(separator, limit)
范围:
: 选修的。 要在此参数指定的位置拆分的字符串或正则表达式。
限制:可选。 该参数指定返回数组的最大长度。 如果设置了该参数,则返回的子字符串不会超过该参数指定的数组。 如果不设置该参数,则无论长度如何,整个字符串都会被分割。
示例1:
var str="Welcome to here !";
var n=str.split("");
console.log(n);
示例2:
var str="Welcome to here !";
var n=str.split(" ");
console.log(n);
示例3:
var str="Welcome to here !";
var n=str.split("e");
console.log(n);
方法2:使用扩展运算符“...”
ES6 中引入了扩展运算符...,它将可迭代对象扩展为其各个元素。 所谓可迭代对象就是任何可以使用for of循环遍历的对象。
它也是一个可迭代对象,因此还可以使用扩展运算符...将其转换为字符数组
const title = "china";
const charts = [...title];
console.log(charts); // [ 'c', 'h', 'i', 'n', 'a' ]
然后就可以简单的截取字符串了,如下:
const title = "china";
const short = [...title];
short.length = 2;
console.log(short.join("")); // ch
方法三:使用Array.from()方法进行转换
Array.from() 方法是一个内置函数,用于从给定数组创建一个新数组实例。 对于字符串,字符串的每个字母都会转换为新数组实例的元素; 对于整数值,新数组实例采用给定数组的元素。
语法:
Array.from(str)
例子:
var str="Welcome to here !";
var n=Array.from(str);
console.log(n);