JavaScript对字符串的截取与合并

2010-08-13

字符串截取

JavaScript提供两个截取字符串的方法，分别是slice()和substring()。

slice和substring都可以接受一个或两个参数，第1个参数是获取要截取的字符串的起始位置，第2个参数如果不为空则是获取要截取的字符串的结束位置的前一位（也就是说获取的终点位置不在返回值内），为空表示截取到整个字符串的最后一个字符。

我们来看下两种方法的用法。注意：字符串的位数都是从0开始：

view source print ?

01	<script language= "javascript" >

02	var stmp = "nowamagic.net" ;

03

//使用一个参数

04	alert(stmp.slice(3)); //从第4个字符开始,截取到最后个字符;返回"amagic.net"

05	alert(stmp.substring(3)); //从第4个字符开始,截取到最后个字符;返回"amagic.net"

06

//使用两个参数

07	alert(stmp.slice(1,5)) //从第2个字符开始，到第5个字符；返回"owam"

08	alert(stmp.substring(1,5)); //从第2个字符开始，到第5个字符；返回"owam"

09	//如果只用一个参数并且为0的话，那么返回整个参数

10	alert(stmp.slice(0)); //返回整个字符串

11	alert(stmp.substring(0)); //返回整个字符串

12	//那如何只反回第一个字符呢，可以用其它的函数，那如果一定要用这两个方法的话就指定第一个参数为0，第二个参数为1,看下面的例子

13	alert(stmp.slice(0,1)); //返回"n"

14	alert(stmp.substring(0,1)); //返回"n"

15	//在上面的例子中我们可以看出slice()和substring()的用法是相同的，返回的值也是一样的，但当参数为负数时，他们的返回值却不一样，看下面的例子

16	alert(stmp.slice(2,-5)); //返回"w"

17	alert(stmp.substring(2,-5)); //返回"no"

18	//从上面两个例子可以看出slice(2,-5)实际上是slice(2,3)，负5转换成正3；而substring(2,-5)实际上是substring(2,0)，负数转换为0，swubstring总是把最小的数作为起始位置。

19

</script>

String.substr(N1,N2) 这个就是我们常用的从指定的位置(N1)截取指定长度(N2)的字符串;

String.substring(N1,N2) 这个就有点特别了，它是先从N1，N2里找出一个较小的值，然后从字符串的开始位置算起，截取较小值位置和较大值位置之间的字符串,截取出来的字符串的长度为较大值与较小值之间的差。

字符串分割存储到数组

split() 函数的功能是使用一个指定的分隔符把一个字符串分割存储到数组。

view source print ?

1	str= "jpg|bmp|gif|ico|png" ;

2	arr=theString.split( "|" );

3	//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

将数组合并成字符串

函数 join() 功能是使用您选择的分隔符将一个数组合并为一个字符串。

view source print ?

1	var delimitedString=myArray.join(delimiter);

2	var myList= new Array( "jpg" , "bmp" , "gif" , "ico" , "png" );

3	var portableList=myList.join( "|" );

4	//结果是jpg|bmp|gif|ico|png

匹配子串

函数 indexOf() 的功能是返回字符串中匹配子串的第一个字符的下标。

view source print ?

1	var myString=”JavaScript”;

2	var w=myString.indexOf(”v”);w will be 2

3	var x=myString.indexOf(”S”);x will be 4

4	var y=myString.indexOf(”Script”);y will also be 4

5	var z=myString.indexOf(”key”);z will be -1

#apDiv1 { position: absolute; left: -20px; top: -15px; width: 55px; height: 70px; z-index: 1; background-image: url("../images/ul_leaf_overhang.png"); }