html字符串转成数组,图文详解JavaScript中字符串转换为数组的方法
在前端开发中经常需要使用JavaScript,那你知道怎么将JS字符串转换为数组吗?这篇文章就和大家讲讲JS将字符串转换为数组的方法,感兴趣的朋友可以参考一下,希望可以帮助到你。
之前一篇文章已经给大家讲了如何将数组转换为字符串,需要的可以看看,接下来直奔主题。
JavaScript中的split()方法可以将字符串转换成数组,且所有主流浏览器都支持 split() 方法。
语法:string.split(separator,limit)
separator表示从什么地方开始分割字符串对象,是一个可选值。
limit表示该数组可以返回的最大长度,是一个可选值。如果未设置这个参数,整个字符串都会被分割,不会限制它的长度。
举例1:用split(" ")方法将what kind of guys do you like这个字符串转换为数组,代码如下:
点我
function myFunction(){
var str="what kind of guys do you like";
var n=str.split(" ");
document.write("数组是"+n+"数组长度:"+n.length);
}
效果图:
举例2:用split("")方法分割每个字符,包括空格,代码如下:
function myFunction(){
var str="what kind of guys do you like";
var n=str.split("");
document.write("数组是"+n+"数组长度:"+n.length);
}
效果图:
举例3:将str="a|b|c|d|e|f|g"这个字符串去掉中间分隔符,并转换为数组,代码如下:
function myFunction(){
var str="a|b|c|d|e|f|g";
var n=str.split("|");
document.write("数组是"+n+"数组长度:"+n.length);
}
效果图:
以上主要介绍了JavaScript中将字符串转换为数组的方法,比较简单,小白可以自己动尝试,希望这篇文章可以帮助到你!更多相关教程请访问 JavaScript视频教程
html字符串转成数组,图文详解JavaScript中字符串转换为数组的方法相关推荐
- html中删除指定数组下标,图文详解JavaScript中删除数组某个元素的方法
在前端开发中经常需要使用JavaScript,那你知道如何用JS删除数值的指定元素吗?这篇文章就给大家分享JS删除数组某个元素的几种方法,感兴趣的朋友可以参考一下,希望可以帮助到你. 方法一:slic ...
- php 数组 indexof,详解js中字符串和数组的indexof方法
javascript:里判断字符串是否包涵某个子字符串时,我们经常会遇到indexOf这个方法.但是你可知道,indexOf不仅仅可以用在字符串里,还可以用在数组里. 首先我们来认识一下indexOf ...
- 详解JavaScript中选取元素的所有方法
DOM中选取文档元素的方法总共有5种: 1.通过id值. 2.通过name属性值. 3.通过指定的标签名. 4.通过class类. 5.通过css选择器. 下面我就这五种方法详细解释一下吧. 1.通过 ...
- 图文详解Unity3D中Material的Tiling和Offset是怎么回事
图文详解Unity3D中Material的Tiling和Offset是怎么回事 Tiling和Offset概述 Tiling表示UV坐标的缩放倍数,Offset表示UV坐标的起始位置. 这样说当然是隔 ...
- 前端中全部盒子靠左对齐_图文详解ul中li内容垂直居中和水平居中的方法
在页面布局时,经常会用到li标签,它可用于列表,导航,选项卡等等,那你知道如何让ul中的li居中吗?这篇文章就和大家讲讲如何让ul中的li水平居中以及如何让li内容垂直居中.感兴趣的朋友继续往下看吧. ...
- php中继承过来的类初始化顺序,java_图文详解Java中class的初始化顺序,class的装载
在讲class的初始化 - phpStudy...
图文详解Java中class的初始化顺序 class的装载 在讲class的初始化之前,我们来讲解下class的装载顺序. 以下摘自<Thinking in Java 4> 由于Java ...
- 详解 javascript中offsetleft属性的用法(转)
详解 javascript中offsetleft属性的用法 转载 2015-11-11 投稿:mrr 我要评论 本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...
- php插入友情链接,PHP_详解WordPress中添加友情链接的方法,友情链接对于一个每个独立博 - phpStudy...
详解WordPress中添加友情链接的方法 友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择.用插件可以轻松做到这一 ...
- 详解WordPress中添加友情链接的方法
详解WordPress中添加友情链接的方法 友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择.用插件可以轻松做到这一 ...
最新文章
- MyBatis之简单了解Plugin
- python两个不同变量相加_Python:是否可以链接属于两个不同类的两个变量?
- The import android cannot be resolved”错误解决方法
- CS229 6.5 Neurons Networks Implements of Sparse Autoencoder
- Uva 201 Squares (暴力 + 枚举)
- 精准营销还能这么玩,看企业圈圈画画搞定GNN
- java基础之-I/O流和File类解析
- 我跳槽是因为他们的显示器更大
- 「12」你们啊,naive!——朴素贝叶斯谈笑录
- 给构造函数(constructor)创建对象(object)
- Rhythmk 一步一步学 JAVA(9) JAVA 基础笔记[枚举,...]
- GStreamer 简化 Linux 多媒体开发
- 伍德里奇计量经济学导论pdf_伍德里奇 计量经济学导论 第三章第三节-1 MLR1-MLR4...
- 2020 mit6.s081 os Lab: xv6 traps
- FPGA基础知识21(PL控制PS端DDR的设计)
- RankWarning: Polyfit may be poorly conditioned问题的解决
- 最全空降Golang资料补给包(满血战斗),包含文章,书籍,作者论文,理论分析,开源框架,云原生,大佬视频,大厂实战分享ppt
- 当自动驾驶驶入虚拟现实——苹果的沉浸式自动驾驶系统
- vivo S7e和华为nova8se 的区别 哪个好
- Android 悬浮窗口(及解决6.0以上无法显示问题)