javascript如何将字符串转为数组

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

javascript如何将字符串转为数组

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

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

使用split()

利用扩展运算符“…”

立即学习“Java免费学习笔记(深入)”;

使用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);

登录后复制

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如何将字符串转为数组的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2924431.html

(0)
上一篇 2025年3月11日 18:56:43
下一篇 2025年3月1日 23:08:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用vue框架有什么好处

    用vue的好处:1、Vue是组件化开发,减少代码的书写,使代码易于理解;2、可以对数据进行双向绑定;3、相比较传统的用超链接进行页面的切换与跳转,Vue使用的是路由,不用刷新页面;4、Vue是单页应用,加载时不用获取所有的数据和dom,提高…

    2025年3月11日
    200
  • react为什么推荐函数组件

    原因:1、函数组件语法更短、更简单,这使得它更容易开发、理解和测试;2、类组件过多的使用this让整个逻辑看起来很混乱;3、hooks功能也只支持函数组件;4、React团队针对函数组件做了更多的优化来避免非必要的检查和内存泄漏;5、函数式…

    2025年3月11日
    200
  • jquery是不是脚本库

    jquery是脚本库。jquery是一个简洁快速的javascript脚本库,可用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。使用jQuery将极大的提高编写JavaScript代码的效率,让写出来的代码更加简洁…

    2025年3月11日
    200
  • jquery怎么实现点击隐藏元素

    实现步骤:1、利用click()函数给按钮元素绑定点击事件,并设置事件处理函数,语法“$(“button”).click(function() {//点击事件发生后,执行的代码});”;2、在事件处理函数中,使用hi…

    2025年3月11日
    200
  • jquery怎么检测元素是否隐藏

    3种方法:1、使用css()检测元素display属性的值是否为none,如果是则隐藏了,语法“元素对象.css(‘display’)==’none’”;2、利用is()方法和“:hidden…

    2025年3月11日 编程技术
    200
  • jquery可以获取图片的src属性吗

    jquery可以获取图片的src属性。获取方法:1、使用attr(),可获取img图片元素的src属性,语法“$(img).attr(“src”)”;2、使用prop(),可获取第一个匹配img图片元素的src属性,…

    2025年3月11日
    200
  • jquery怎么删除hover事件

    在jquery中,可以利用unbind()方法来删除hover事件;但不能直接使用“unbind(“hover”)”语句,因为hover是由mouseenter和mouseleave构成的,所以要删除hover效果,…

    2025年3月11日
    200
  • jquery ready事件的四种方法是什么

    jquery ready事件的四种方法是:1、“$(document).ready(function(){……})”方法;2、“jQuery(document).ready(function(){……})”方法;3、“$(function(…

    2025年3月11日
    200
  • jquery怎么占位置隐藏div元素

    在jquery中,可以使用css()方法给div元素设置visibility或opacity样式来占位置隐藏div元素。实现步骤:1、使用jquery选择器获取div元素对象,语法“$(“选择器”)”;2、使用css…

    2025年3月11日
    200
  • jquery怎么替换标签属性值

    替换标签属性值的两种方法:1、使用attr()替换属性值,语法“$(“img”).attr({属性1:”新值”,属性2:”新值”…});”。2、使用prop…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论