5.6.3.2 字符串操作方法

  下面介绍与操作字符串有关的几个方法。第一个就是concat(),用于将一或多个字符串拼接起来,返回拼接得到的新字符串。例如:

var stringValue = "hello";
var result = stringValue.concat("world");
alert(result);//"hello world"
alert(stringValue);//"hello"

  这个例子中,通过stringValue调用concat()方法返回的结果是“hello world”,但stringValue的值则保持不变。实际上,concat()方法可以接收任意多个参数,也就是说可以通过它拼接任意多个字符串。例如:

var stringValue = "hello";
var result = stringValue.concat("world","!");
alert(result);//"hello world !";
alert(stringValue);//"hello"

  这个例子将“world”和“!”拼接到了“hello”的末尾。虽然concat()是专门用来拼接字符串的方法,但实践中使用更多的还是加号操作符(+)。而且,使用加号操作符在大多数情况下都比使用concat()方法要简便易用(特别是在拼接多个字符串的情况下)。

  ECMAScript还提供了三个基于子字符串创建新字符串的方法:slice()、substr()和substring()。这三个方法都会返回被操作字符串的一个子字符串,而且也都接收一个或两个参数。第一个参数指定子字符串的开始位置,第二个参数(在制定的情况下)表示子字符串到哪里结束。具体来说,slice()和substring()的第二个参数指定的是字符串最后一个字符后面的位置。而substr()的第二个参数指定的则是返回的字符个数。如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。与concat()方法一样,slice()、substr()和substring()也不会修改字符串本身的值,它们只是返回一个基本类型的字符串值,对原始字符串没有任何影响。例如:

var stringValue = "hello world";
alert(stringValue.slice(3));//"lo world"
alert(stringValue.substring(3));//"lo world"
alert(stringValue.substr(3));//"lo world"
alert(stringValue.slice(3,7));//"lo w"
alert(stringValue.substring(3,7));//"lo w"
alert(stringValue.substr(3,7));//"lo worl"

  这个例子比较了相同方式调用slice()、substr()和substring()得到的结果,而且多数情况下的结果是相同的。在只指定一个参数3的情况下,这三个方法都返回相同结果“lo world”,因为“hello”中的第二个“l”处于位置3。而在指定两个参数3和7 的时候,slice()和substring()返回“lo w”(“world”的中的“o”处于位置7,因此结果中不包含“o”),但substr()返回“lo worl”,因为它的第二个参数指定的是要返回的字符个数。

  在传递给这些方法的参数是负值的情况下,它们的行为就不尽相同了。其中,slice()方法会将传入的负值与字符串的长度相加,substr()方法将负的第一个参数加上字符串的长度,而将负的第二个参数转换为0。最后,substring()方法会把所有负值参数都转为0。例如:

var stringValue = "hello world";
alert(stringValue.slice(-3));//"rld"
alert(stringValue.substring(-3));//"hello world"
alert(stringValue.substr(-3));//"rld"
alert(stringValue.slice(3,-4));//"lo w"
alert(stringValue.substring(3,-4));//"hel"
alert(stringValue.substr(3,-4));//""(空字符串)

  上面的例子中展示里三个方法之间的不同行为。再给slice()和substr()传递一个负值参数时,它们的行为相同。这是因为-3会被转换为8(字符串长度加参数11+(-3)=8),实际上相当于调用了slice(8)和substr(8)。但substring()方法则返回了全部字符串,因为它将-3转换成了0。

  注:IE的JavaScript实现在处理向substr()方法传递负值的情况时存在问题,它会返回原始的字符串。IE9修复这个问题。

  当第二个参数时负值的时候,这三个方法的行为各不相同。slice()方法会把第二个参数转换为7,这就相当于调用了slice(3,7),因此返回“lo w”。substring()方法会把第二个参数转为0,使调用变成了substring(3,0),而由于这个方法会将较小的数作为开始位置,将较大的数作为结束位置,因此最终相当于调用了substring(0,3)。substr()也会将第二个参数转换成0,这也就意味着返回包含零个字符的字符串,也就是一个空字符串。

原文地址:https://www.cnblogs.com/yxlove/p/4525229.html