javascript split方法基础与实例

发布时间:2020-12-05编辑:脚本学堂
本文介绍了javascript中split方法的基础教程,以及split方法分割字符串的一些实例,学习下js split方法的具体用法,有需要的朋友参考下,希望对大家有所帮助。

第一部分,javascript中的split方法。

string 对象参考手册 javascript string 对象

例,把一个字符串分割字符串数组:
 

复制代码 代码示例:
var str="how are you doing today?";
var n=str.split(" ");
n 输出一个数组的值:
how,are,you,doing,today?

split 定义和用法
split() 方法用于把一个字符串分割成字符串数组。

提示: 如果把空字符串 ("") 用作 separator,那么 stringobject 中的每个字符之间都会被分割。

注意: split() 方法不改变原始字符串。

浏览器支持
internet explorer firefox opera google chromes afari

所有主要浏览器都支持 split() 方法

语法
string.split(separator,limit)
参数值
参数 描述
separator 可选。字符串或正则表达式,从该参数指定的地方分割 string object。
limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。
如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
返回值
类型 描述
array 一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string object 分割成子串创建的。
返回的数组中的字串不包括 separator 自身。

技术细节
javascript 版本:1.1

相关链接:

有了以上有关js split方法的介绍,下面我们通过实例学习js split方法的用法。

例1,实现 省略分割参数:
 

复制代码 代码示例:
var str="how are you doing today?";
var n=str.split();
n 输出数组值得结果:
how are you doing today?

例2,实现 分割每个字符,包括空格:
 

复制代码 代码示例:
var str="how are you doing today?";
var n=str.split("");
n 输出数组值得结果:
h,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

例3,使用 limit 参数:
 

复制代码 代码示例:
var str="how are you doing today?";
var n=str.split(" ",3);
n 将输出3个数组的值:
how,are,you

例4,使用一个字符作为分隔符:
 

复制代码 代码示例:
var str="how are you doing today?";
var n=str.split("o");
n 输出数组值得结果:
h,w are y,u d,ing t,day?

例5,split方法的综合例子。
 

复制代码 代码示例:

<script>
function test(){
var a=document.getelementbyid("text");
var b=document.getelementbyid("div");
ary=a.value.split("n");//这里的 n 是换行符 是以行进行分割的,并存储到ary数组里面
//ary.length数组的大小因为是以换行符分隔的所以数组大小得减一 ary.length-1
for(i=0;i<ary.length-1;i++){
b.innerhtml+="ary["+i+"]="+ary[i]+"<br>";
} // 脚本学堂 www.jb200.com
}
function test2(){

var a=document.getelementbyid("text2");

var b=document.getelementbyid("div2");

ary=a.value.split("@");//这里的 n 是换行符 是以行进行分割的,并存储到ary数组里面

//ary.length数组的大小
for(i=0;i<ary.length;i++){
b.innerhtml+="ary["+i+"]="+ary[i]+"<br>";
}
}
</script>
<div style="float:left;width:600px;">
<input type="button" value="点击试试看" onclick="test()" style="width:200px;height:300px;">
<textarea id="text" style="width:200px;height:300px;">
测试数组1
测试数组2
测试数组3
测试数组4
</textarea>
<div id="div" style="width:200px;height:300px;background:#000;color:#fff;float:left;"></div>
</div>
<div style="float:left;width:600px;">
<input type="button" value="点击试试看" onclick="test2()" style="width:200px;height:300px;">
<textarea id="text2" style="width:200px;height:300px;">
测试数组1@测试数组2@测试数组3@测试数组4
</textarea>
<div id="div2" style="width:200px;height:300px;background:#000;color:#fff;float:left;"></div>
</div>

以上介绍即有js split方法的基础语法,又有js中split方法的诸多实例代码,希望可以帮助大家掌握js split方法的用法。