split()分割字符串【JavaScript】

news/2024/10/28 16:17:04/

分割字符串
在JavaScript中,我们可以使用split( )方法把一个字符串分割成一个数组
这个数组存放的是原来字符串的所有字符片段。
有多少个片段,数组元素个数就是多少。

语法

字符串名.split("分割符"

说明
分割符可以是一个字符、多个字符或一个正则表达式。
此外,分割符不作为返回的数组元素的一部分。
有点难理解?我们还是先来看一个例子。

举例

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><script>var str="HTML,CSS,JavaScript";var arr=str.split(",";document.write("数组第1个元素是:"+arr[0]+"<br/>";document.write("数组第2个元素是:"+arr[1]+"<br/>";document.write("数组第3个元素是:"+arr[2];</script>
</head>
<body>
</body>
</html>

浏览器预览效果如下图所示。
在这里插入图片描述
分析
str.split(“,”)表示使用英文逗号作为分割符来分割str这个字符串,
结果会得到一个数组:[“HTML”,“CSS”,“JavaScript”],
我们把这个数组赋值给变量arr保存起来。

可能有人会问:为什么分割字符串之后,系统会把这个字符串转换成一个数组?
这是因为转换成数组之后,我们就能使用数组的方法来更好地进行操作。

上面的这个例子,也可以使用for循环来输出,实现代码如下。

var str="HTML,CSS,JavaScript";
var arr=str.split(",");
for(var i=0; i < arr.length; i++)
{document.write("数组第"+(i+1)+"个元素是:"+arr[i]+"<br/>");
}

举例:str.split(" ")(有空格)

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><script>var str="I love javascript";var arr=str.split(" ";document.write("数组第1个元素是:"+arr[0]+"<br/>";document.write("数组第2个元素是:"+arr[1]+"<br/>";document.write("数组第3个元素是:"+arr[2];</script>
</head>
<body>
</body>
</html>

浏览器预览效果如下。

数组第1个元素是:I
数组第2个元素是:love
数组第3个元素是:javascript

分析
str.split(" ")表示用空格来分割字符串。在字符串中,空格也是作为一个字符来处理的。

str.split(" “)的两个引号之间是有一个空格的。str.split(” “)(有空格)是带有1个字符的字符串。str.split(”")(无空格)是带有0个字符的字符串,也叫空字符串。两者是不一样的,我们可以通过下面这个例子来对比理解。

举例:str.split(“”)(无空格)

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><script>var str="ABCD";var arr=str.split("";document.write("数组第1个元素是:"+arr[0]+"<br/>";document.write("数组第2个元素是:"+arr[1]+"<br/>";document.write("数组第3个元素是:"+arr[2]+"<br/>";document.write("数组第4个元素是:"+arr[3]+"<br/>";</script>
</head>
<body>
</body>
</html>

浏览器预览效果如下:

数组第1个元素是:A
数组第2个元素是:B
数组第3个元素是:C
数组第3个元素是:D

分析
注意,split(" “)和split(”")是不一样的。前者两个引号之间有空格,表示用空格作为分割符来分割。后者两个引号之间没有空格,可以用来分割字符串的每一个字符。这个技巧非常棒,也用得很多,小伙伴们可以记一下。

实际上,split( )方法有两个参数:第1个参数表示分割符,第2个参数表示获取“分割之后的前n个元素”。第2个参数我们很少用,了解一下即可。

举例

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><script>var str="2023-07-01-18-30";var arr=str.split("-",3;document.write(arr);</script>
</head>
<body>
</body>
</html>

浏览器预览效果如下

2023,07,01

最后,数组join( )方法一般都是配合字符串的split( )方法来使用的。


http://www.ppmy.cn/news/737125.html

相关文章

计算机网络_ 1.3 网络核心(数据交换_电路交换_多路复用)

计算机网络_数据交换_电路交换_多路复用 多路复用频分多路复用FDM时分多路复用TDM波分多路复用WDM码分多路复用CDM 多路复用 多路复用&#xff08;Multiplexing&#xff09;&#xff0c;简称复用&#xff0c;是通信技术的基本概念。 链路/网络资源&#xff08;如带宽&#x…

北京市市级行政区界线

[{"id": "35831","name": "北京市","name_py": null,"typecode": "1640200","typename": "市级行政区界线","extypename": null,"admincode": "110000&q…

北京科技大学计算机专业在哪个校区,北京科技大学有几个校区及校区地址

最近有很多考生和家长咨询小编&#xff0c;北京科技大学有几个校区&#xff0c;今年新生会被分配到哪个校区?哪个校区好?等相关问题&#xff0c;下面小编统一回复一下考生们的问题。 北京科技大学有2个校区&#xff0c;分别是校本部、管庄校区。 北京科技大学校区及地址 校本…

硬盘分几个区最好?硬盘分区和库的关系

我经常听到旁边的朋友说&#xff0c;我的电脑整理的多好多好&#xff0c;系统多么有条理&#xff0c;到后来不止朋友&#xff0c;稍懂些电脑的都会这样说&#xff0c;年复一年&#xff0c;周而复始。很多人分区前最常想的就是C盘分多大&#xff0c;研究研究分多少个G这样不会让…

北京考虑分时分区单双号限行预期效果遭质疑-北京-分时分区-单双号限行

北京考虑分时分区单双号限行预期效果遭质疑|北京|分时分区|单双号限行 中新网北京10月16日电 (记者 杜燕)“北京将评估特定时段、区域单双号限行。”一句简短的话语&#xff0c;搅动了北京人敏感的神经&#xff0c;引起各界热议。 有媒体报道称&#xff0c;为缓解交通压力&…

北京市市级行政区域数据

1.北京市市级行政区域数据 [{"id": "35831","name": "北京市","name_py": null,"typecode": "1640100","typename": "市级行政区域","extypename": null,"adminco…

文件服务器 磁盘分多少区,硬盘分区图文教程,硬盘分几个区最好,C盘分区多少g合适...

硬盘分区是指将硬盘按照自己要求划分出几个不同大小的逻辑分区&#xff0c;目的是为了更方便的管理文件&#xff0c;例如&#xff1a;C盘放系统&#xff0c;D盘安装软件或游戏&#xff0c;E盘存放一些资料和文档&#xff0c;F盘可以存放一些程序或游戏的安装包等等&#xff0c;…