快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript怎么将字符串转为数组

这篇文章主要介绍“javascript怎么将字符串转为数组”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript怎么将字符串转为数组”文章能帮助大家解决问题。

创新互联是一家专业提供沙雅企业网站建设,专注与成都网站设计、网站制作、成都h5网站建设、小程序制作等业务。10年已为沙雅众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

3种转换方法:1、使用split(),可将给定字符串拆分为字符串数组,语法“str.split(分隔符,数组最大长度)”;2、利用扩展运算符“...”,可迭代字符串对象,将其转为字符数组,语法“[...str]”;3、使用Array.from(),可将字符串转为数组,语法“Array.from(str)”。

javascript中将字符串转为数组的3种方法

  • 使用split()

  • 利用扩展运算符“...”

  • 使用Array.from()

方法1:使用split()方法进行转换

split()方法用于将给定字符串拆分为字符串数组;该方法是使用参数中提供的指定分隔符将其分隔为子字符串,然后一个个传入数组中作为元素。

语法:

str.split(separator, limit)

参数:

  • separator:可选。字符串或正则表达式,从该参数指定的地方分割 string Object。

  • limit:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

示例1:

var str="Welcome to here !";
var n=str.split("");
console.log(n);

javascript怎么将字符串转为数组

示例2:

var str="Welcome to here !";
var n=str.split(" ");
console.log(n);

javascript怎么将字符串转为数组

示例3:

var str="Welcome to here !";
var n=str.split("e");
console.log(n);

javascript怎么将字符串转为数组

方法2:利用扩展运算符“...

扩展操作符 是ES6中引入的,将可迭代对象展开到其单独的元素中,所谓的可迭代对象就是任何能用for of循环进行遍历的对象。

String 也是一个可迭代对象,所以也可以使用扩展运算符 ... 将其转为字符数组

const title = "china";
const charts = [...title];
console.log(charts); // [ 'c', 'h', 'i', 'n', 'a' ]

javascript怎么将字符串转为数组

进而可以简单进行字符串截取,如下:

const title = "china";
const short = [...title];
short.length = 2;
console.log(short.join("")); // ch

javascript怎么将字符串转为数组

方法3:使用Array.from()方法进行转换

Array.from()方法是javascript中的一个内置函数,它从给定的数组创建一个新的数组实例。对于字符串,字符串的每个字母表都会转换为新数组实例的元素;对于整数值,新数组实例simple将获取给定数组的元素。

语法:

Array.from(str)

示例:

var str="Welcome to here !";
var n=Array.from(str);
console.log(n);

javascript怎么将字符串转为数组

关于“javascript怎么将字符串转为数组”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


文章名称:javascript怎么将字符串转为数组
标题来源:http://6mz.cn/article/gjgjoj.html

其他资讯