您的位置:首页 > Web前端 > JavaScript

javascript的字符串方法【substring、slice、substr】的区别

2017-11-21 10:46 483 查看

老忘,然后看mdn。这里总结下,记录一笔,好记性不如烂笔头:

String.prototype.substring:

这个方法传递的是字符串下标的索引位置,返回新的被截取的字符串,不会改变原来的字符串。

接受两个参数,不填也没关系,啥事情都不做。

第一个参数是起始位置,第二个参数是可选参数结束位置,第二个参数不写的时候就是默认索引到最后。

第二个参数可以小于第一个参数,这种情况下,其实他们就发生了一个对调的关系。返回从小索引到大索引之间的位置。同时,大的位置的索引实际会后退一位。

第二个参数填负数页没关系,但是填负数没有意义,它会被认为是0索引位置。

var string = 'hello world';
string.substring(2, 0);
// "he" 如果是 0 2 应该是 hel  但是由于第二个参数小,这里实际是 he


String.prototype.substr:

这个方法传递的是字符串下标的索引位置,第二个参数是要截取的长度。

接受两个参数,不填也没关系,啥事情都不做。

第一个参数是起始位置,第二个参数是可选参数要截取的长度,第二个参数不写的时候就是默认长度截取到最后

第二个参数,大于最大长度就默认最大长度。非正数都不截取,不报错。

var string = 'hello world';
string.substr(2,-1);
// ""  不截取


String.prototype.slice:

这个方法和substring一样,就是在第二个参数传负数的时候有差别,可以说slice是substring的超集

第二个参数为负数的时候,就自动从尾部开始作为起始点往前弄。

第二个参数为负数的时候,经过尝试没有交集的时候,会返回空字符串

var string = 'hello world';
string.slice(0,-1);
// "hello worl" 尾部开始往回截

var string = 'hello world';
string.slice(6,-5);
// '' 难有交际,返回空
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: