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

老忘，然后看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);
// '' 难有交际，返回空