js split函数用法举例 字符串分割函数split的例子

发布时间:2020-05-14编辑:脚本学堂
有关js split函数的二个例子,在javascript中如何分割字符串数据,很多情况下都使用split函数来完成,一起来了解下。

有关js split函数的用法,不熟悉的朋友,可以参考如下文章:

今天主要介绍二个例子,学习下split函数是如何分割字符串的。

例1,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>";
}
}
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>

例2,javascript split()函数用法。
 

复制代码 代码示例:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>split()函数</title>
<script type="text/javascript">
    var str = "http://blog.csdn.net/you23hai45/article/details/19048383";
    document.write(str.split(".", 2));
    document.write("<br>");
    document.write(str.split("."));
    document.write("<br>");
    document.write(str.split(""));
    document.write("<br>");
    document.write(str.split("", 3));
    var subStr = "-http-www-blog-";
    document.write(subStr.split("-"));
    var youStr = "you,hai,dong,1,2,3,4,5,6,78,89";
    var youStrs = new Array();
    youStrs = youStr.split(",");
    for(var i=0;i<youstrs.length;i++) {="" document.write(youstrs[i]);="" document.write("<br="">");
    }
</script>
 <!--html></youstrs.length;i++)>

结果:
 

http://blog,csdn
http://blog,csdn,net/you23hai45/article/details/19048383
h,t,t,p,:,/,/,b,l,o,g,.,c,s,d,n,.,n,e,t,/,y,o,u,2,3,h,a,i,4,5,/,a,r,t,i,c,l,e,/,d,e,t,a,i,l,s,/,1,9,0,4,8,3,8,3
h,t,t,http,www,blog,you
hai
dong
1
2
3
4
5
6
78
89