Bootstrap

【js字符串】切片:substr()、substring()、slice()区别

  1. str.substr(start, len)。返回切片字符串。不改变原字符串。
const str = '0123456';
console.log(str.substr(1, 4));  //'1234'
  1. str.substring(start, end)str.slice(start, end)
  • 相同点
    (1)参数都是(start, end),且不包含end。
    (2)第二个参数可以不填,表示从start到最后。
    (3)返回切片字符串,不改变原字符串。
    (4)若start = end,返回空。
console.log(str.slice(1, 4));  //123'
console.log(str.substring(1, 4));  //'123'

console.log(str.substring(1));  //'123456'
console.log(str.slice(1));  //'123456'

console.log(str.slice(1, 1));  //
console.log(str.substring(1, 1));  //
  • 不同点
    (1)若substring的end < start,会自动交换start和end。
    slice的end < start,返回空。
    (2)substring的start和end必须为非负整数,如果是负数就被当作0。
    slice的start和end都可以是负数,表示从倒数第几个开始。
    slice的end为0,则返回空。
console.log(str.substring(1, 3));  //'12'
console.log(str.substring(3, 1));  //'12'
console.log(str.slice(1, 3));  //'12'
console.log(str.slice(3, 1));  //
console.log(str.substring(1, -2));  //'0',表示[0,1)的数
console.log(str.slice(1, -3));  //'123'
console.log(str.slice(-3, -1));  //'45'
console.log(str.slice(-3, 0));  //
;