这三个方法都会返回被操作字符串的一个子字符串,而且也都接受一或两个参数.第一个参数指定子字符串的开始位置,第二个参数(在指定的情况下)表示子字符串到哪里结束.slice()和substring()的第二个参数指定的是子字符串最后一个字符后面的位置.而substr()的第二个参数指定的则是返回的字符个数.如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置.与concat()方法一样,slice(),substr()和substring()也不会修改字符串本身的值--它们只是返回一个基本类型的字符串值,对原始字符串没有任何影响.
var stringValue="hello world"; console.log(stringValue.slice(3));//lo world console.log(stringValue.substring(3));//lo world console.log(stringValue.substr(3));//lo world console.log(stringValue.slice(3,7));//lo w console.log(stringValue.substring(3,7));//lo w console.log(stringValue.substr(3,7));//lo worl
substr()返回"lo worl”,因为它的第二个参数指定的是要返回的字符个数.
在传递给这些方法的参数是负值的情况下,slice()方法会将传入的负值与字符串的长度相加,substr()方法将负的第一个参数加上字符串的长度,而将负的第二个参数转换为0.最后,substring()方法会把所有负值参数都转换为0.
var stringValue="hello world"; console.log(stringValue.slice(-3));//rld console.log(stringValue.substring(-3));//hello world console.log(stringValue.substr(-3));//rld console.log(stringValue.slice(3,-4));//lo w console.log(stringValue.substring(3,-4));//hel console.log(stringValue.substr(3,-4));//(空字符串)
注意:IE的JavaScript实现在处理向substr()方法传递负值的情况时存在问题,它会返回原始的字符串.IE9修复了这个问题.
当第二个参数是负值时,三个方法的行为各不相同.slice()方法会把第二个参数转换成7,substring()方法会把第二个参数转换为0,而由于这个方法会将小的数作为开始位置,将较大的数作为结束位置.substr()也会将第二个参数转换成0,也就意味着返回包含零个字符的字符串,也就是一个空字符串.
3.字符串位置方法
有两个可以从字符串中查找子字符串的方法:indexOf()和lastIndexOf().这两个方法都是从一个字符串中搜索给定的子字符串,然后返子字符串的位置(如果没有找到该字符串,则返回-1).
indexOf()方法从字符串的开头向后搜索子字符串,而lastIndexOf()方法是从字符串的末尾向前搜索子字符串.
var stringValue="hello world"; console.log(stringValue.indexOf("o"));//4 console.log(stringValue.lastIndexOf("o"));//7
如果"o”在这个字符串中仅出现一次,那么indexOf()和lastIndexOf()会返回相同的位置值.
这两个方法都可以接收可选的第二个参数,表示从字符串中的哪个位置开始搜索.换句话说,indexOf()会从该参数指定的位置向后搜索,忽略该位置之前的所有字符;而lastIndexOf()则会从指定的的位置向前搜索,忽略该位置之后的所有字符.
var stringValue="hello world"; console.log(stringValue.indexOf("o"),6);//4 6 console.log(stringValue.indexOf("o",6));//7 console.log(stringValue.lastIndexOf("o",6));//4 var stringValue="Lorem ipsum dolor sit amet, consectetur adipisicing elit"; var positions=new Array(); var pos=stringValue.indexOf("e"); while(pos>-1){ positions.push(pos); pos=stringValue.indexOf("e",pos+1); } console.log(positions);//[3,24,32,35,52]
这个例子通过不断增加indexOf()方法开始查找的位置,遍历了一个长字符串.在循环之外,首先找到了"e"在字符串中的初始位置,而进入循环后,则每次都给indexOf()传递上一次的位置加1.这样,就确保了每次搜索都从上一次找到的子字符串的后面开始.每次搜索返回的位置依次被保存在数组positions中,以便将来使用.
4.trim()方法
ECMAScript 5为所有字符串定义了trim()方法.这个方法会创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果.
var stringValue=" hello world "; var trimmedStringValue=stringValue.trim(); console.log(stringValue);// hello world console.log(trimmedStringValue);//hello world
由于trim()返回的是字符串的副本,所以原始字符串中的前置及后缀空格会保持不变.支持这个方法的浏览器有IE9+,FF3.5+,Safari5+,Opera 10.5+和Chrome.此外,FF3.5+,Safari 5+和Chrome 8+还支持非标准的trimLeft()和trimRight()方法,分别用于删除字符串开头和末尾的空格.
5.字符串大小写转换方法
ECMAScript中涉及字符串大小写转换的方法有4个:toLowerCase(),toLocaleLowerCase(),toUpperCase()和toLocaleUpperCase().