教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js split使用方法与技巧

js split使用方法与技巧

发布时间:2015-07-04   编辑:jiaochengji.com
本文详细介绍了javascript中split函数的用法,以及split函数的一些技巧,使用js split方法分割字符串的一些例子,有需要的朋友参考下,希望对大家有所帮助。

首先,了解下javascript中split函数的语法。

javascript中split函数方法功能,将一个字符串分割为子字符串,然后将结果作为字符串数组返回。

使用方法:
stringobj.split( [separator[, limit]])
其中stringobj是必选项。要被分解的 string 对象或文字。该对象不会被 split 方法修改。
separator是可选项。字符串或 正则表达式 对象,它标识了分隔字符串时使用的是一个还是多个字符。
如果忽略该选项,返回包含整个字符串的单一元素数组。

limit是可选项。该值用来限制返回数组中的元素个数。

split函数的结果是一个字符串数组,在 stingobj 中每个出现 separator 的位置都要进行分解。
separator 不作为任何数组元素的部分返回。

以上介绍了js中split的语法,接下来看下javascript中split函数方法的用法。

例1,使用split函数实现字符串分割。
 

复制代码 代码示例:
function splitdemo(){
   var s, ss;
   var s = "the rain in spain falls mainly in the plain.";
   // 在每个空格字符处进行分解。
   ss = s.split(" ");
   return(ss);
}

由上例可以看出,javascript split()的作用是将字符串以特定分隔符分割成数组。

下面通过实例,对js split的用法做更进一步的研究。
 
split() 方法说明

定义:
javascript split() 方法将字符串以特定分隔符分割成数组。

使用方法:
string.split(separator,limit)

参数说明:
js split参数说明

返回值:
一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

注意:如果 separator=“” ,那么所有的字符串之间都会被分隔,每个数组元素里面只有一个字符。

浏览器支持:
js split浏览器支持

以下是split() 方法的一些例子,供大家参考。

例2,无分隔符。
 

复制代码 代码示例:

<script type="text/javascript">
    var str="how are you doing today?";
    var n=str.split();
    document.write(n);
</script>

输出:
how are you doing today?

例3,将字符串的每个字符都分开。
 

复制代码 代码示例:

<script type="text/javascript">
    var str="how are you doing today?";
    var n=str.split("");
    document.write(n);
</script>

输出:
h,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

例4,以字符 “o” 对字符串进行分隔。
 

复制代码 代码示例:

<script type="text/javascript">
    var str="how are you doing today?";
    var n=str.split("o");
    document.write(n);
</script>

输出:
h,w are y,u d,ing t,day?

使用方法:myarray=string.split("|")
说明:"|"为切割特征字符,string为要切割的字符串,myarray为切割结果(存放于数组),使用方法myarray[n],n=myarray.length。
在javascript中数组都有一个length属性,myarray.length-1也就是myarray数组的最大下标。

例5,用javascript获得地址栏参数。
 

复制代码 代码示例:
<script language="javascript"> 
<!-- 
function request(strname) 

var strhref = "www.jiaochengji.com/index.htm?a=1&b=1&c=split实例"; 
var intpos = strhref.indexof("?"); 
var strright = strhref.substr(intpos + 1); 
var arrtmp = strright.split("&"); 
for(var i = 0; i < arrtmp.length; i++) 

var arrtemp = arrtmp[i].split("="); 
if(arrtemp[0].touppercase() == strname.touppercase()) return arrtemp[1]; 

return ""; 

alert(request("a")); 
alert(request("b")); 
alert(request("c")); 
//--> 
</script>

例6,获得地址栏参数,使用正则表达式:
 

复制代码 代码示例:
<script> 
string.prototype.getquery = function(name) 

  var reg = new regexp("(^|&)"+ name +"=([^&]*)(&|$)"); 
  var r = this.substr(this.indexof("\?")+1).match(reg); 
  if (r!=null) return unescape(r[2]); return null; 

var str = "www.jiaochengji.com/index.htm?a=1&b=1&c=split实例"; 
alert(str.getquery("a")); 
alert(str.getquery("b")); 
alert(str.getquery("c")); 
</script>

以上介绍了javascript中split方法的语法要点,并通过多个实例展示了js split方法的用法,在js脚本如何使用split方法分割字符串,希望对大家有所帮助。

您可能感兴趣的文章:
js split使用方法与技巧
java split函数的用法
js split函数的用法说明
js split函数用法示例
翻译:Javascript最佳搭档:强大的join与split
js location.href的参数获取实例与用法技巧
javascript split方法基础与实例
photoshop处理COS照片后期调色技巧教程
jQuery基础学习技巧总结第1/4页
Win8电脑扬声器没有声音怎么办?电脑没声音解决技巧

关键词: Split  split函数   
[关闭]
~ ~