• 技术文章 >web前端 >前端问答

    javascript如何将字符串转为数组

    青灯夜游青灯夜游2022-11-23 19:28:44原创115

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

    大前端零基础入门到就业:进入学习

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

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

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

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

    语法:

    str.split(separator, limit)

    参数:

    示例1:

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

    1.png

    示例2:

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

    2.png

    示例3:

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

    3.png

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

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

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

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

    4.png

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

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

    5.png

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

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

    语法:

    Array.from(str)

    示例:

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

    6.png

    【推荐学习:javascript高级教程

    以上就是javascript如何将字符串转为数组的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:html5新增的标签有哪些 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一起来聊聊JavaScript的事件委托、判断URL是否合法及全排列• 实例JavaScript之实现数值的动态变化• 浅析JavaScript中的程序控制流和函数• JavaScript进阶学习之初识类、函数进阶、如何改变this指向• JavaScript中的回调函数详细解析
    1/1

    PHP中文网