有关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()函数用法。
结果: