js中字符串截取substring()、substr()、slice()的区别

在js中字符串截取常用的三个函数：

第一个 substring() 方法用于提取字符串介于两个指定下标之间的字符。

语法： stringObjec.substring(start, stop)

参数介绍

参数	描述
start	必需。一个非负的整数，表示截取字符串的开始位置。
stop	可选。一个非负的整数，表示截取到某个字符串的前一个字符；如果省略该参数，表示截取到字符串结尾。

 

 

 

 

 

 let str = "hello world";

console.log(str.substring(0, 3)) // hel
console.log(str.substring(3)) // lo world
console.log(str.substring(3, 8)) // lo wo
console.log(str.substring(3, -2)) // hel  当stop参数为负值时，只截取start参数的长度

第二个 substr() 方法可在字符串中截取从start下表开始的指定数目的字符。

语法：stringObject.substr(start, length)

参数介绍

参数	描述
start	必需。表示要提取的字符的开始下标，必须是数字，如果是负数，则从尾部开始计算起来位置。
length	可选。表示要截取的字符的长度，如果省略该参数，表示截取到结尾。

 

 

 

 

 

 let str = "hello world";

console.log(str.substr(0, 3)) // hel
console.log(str.substr(3)) // lo world
console.log(str.substr(3, 8)) // lo world
console.log(str.substr(3, -1)) // 空字符串  当length为负值时，永远返回空字符串

第三个 slice() 方法提取字符串介于两个指定下标之间的字符

语法： stringObject.slice(start, end)

参数介绍

参数	描述
start	必需。表示要提取的字符的开始下标，必须是数字，如果是负数，则从尾部开始计算起来位置。
end	可选。如果该参数存在，且为正数，表示截取到下表的前一位；如果该参数为负数，表示从字符串的尾部开始计算；如果省略该参数，表示截取到结尾。

 

 

 

 

 

 

 let str = "hello world";

console.log(str.slice(0, 3)) // hel
console.log(str.slice(3)) // lo world
console.log(str.slice(3, 8)) // lo wo
console.log(str.slice(3, -2)) // lo wor

总结：

三个函数的开始下标start均为必需

substring(start, stop)  参数均不可为负值,分别表示截取的下标

substr(start, length)  参数start表示截取的开始下标，length为截取长度，注意不可为负值

slice(start, end) 参数均可为负值，分别表示截取的下标

总结不全的，欢迎大家留言评论，一起补充完整！