js中的subStr()、subString（）、slice()、splice()方法的用法和区别

1.subStr（）

在 JavaScript 中，subStr() 方法用于提取字符串中指定位置开始的指定数量的字符。

语法：str.subStr(start[, length])

参数：

• start：表示从这个位置开始提取字符串(start等同于数组下标从0开始)；如果是负数，则从末尾开始算起，-1 表示最后一个字符。
• length：表示提取的字符数，如果省略，则截取从 start 到字符串结尾的所有字符。
• [  ]：中括号内容表示可选区域，可以添加，可以不添加，不添加表示截取从start开始到字符串最后。

 返回值：

该方法不会修改原始字符串，而是返回一个新的字符串。

let str = 'hello world!'
let newStr = str.substr(2, 2) 
console.log(str); //打印结果 hello world!
console.log(newStr); //打印结果 ll

2.subString()

 在JavaScript中，subString()是一个字符串方法，用于提取字符串中的一部分子字符串。

语法：str.subString(indexStart[, indexEnd])

参数：

• indexStart：表示子字符串的起始位置，可以是正数或负数(等同于数组下标从0开始)。如果是正数，表示从字符串的左侧开始计算，如果是负数，表示从字符串右侧开始计算。
• indexEnd：表示子字符串的结束位置。注意：截取的字符串不包含indexEnd的字符。即strString（2，5）截取的从第二个到第四个不包括第五个。
• [  ]：中括号内容表示可选区域，可以添加，可以不添加，不添加表示截取从indexStart开始到字符串最后。

 返回值：

该方法也不会修改原始字符串，而是返回一个新的字符串。 

let str = 'hello world!'
let newStr = str.substring(2, 7)
console.log(str); //打印结果 hello world!
console.log(newStr); //打印结果 llo w （一个空格也算一个字符）

3.slice()

在JavaScript中，slice()方法用于创建一个新的数组，它从原始数组中提取指定范围的元素，而不会修改原始数组。

语法：arr.slice(startIndex, endIndex)

参数：

• startIndex：（可选、默认为0）表示子数组的起始位置，可以是正数或负数(等同于数组下标从0开始)。如果是正数，表示从数组的左侧开始计数，如果是负数（endIndex也必须为负数），则从数组末尾开始计数。
• endIndex：（可选，不写表示到最后一个）表示子字符串的结束位置。注意：截取的字符串不包含endIndex的字符。即slice（2，4）截取的从第二个到第三个不包括第四个。

 返回值：

该方法也不会修改原始数组，而是返回一个新的数组。 

let arr = [1, 2, 3, 4, 5]
let newArr = arr.slice(1,3)
console.log(arr); //[1, 2, 3, 4, 5]
console.log(newArr); //[2, 3]

4.splice（）

splice() 是 JavaScript 中的数组方法之一，他会改变原有数组，主要用于添加、删除和替换数组中元素。

语法：arr.splice(startIndex,deleteCount,item1,item2...)

参数：

• startIndex:表示子数组的起始位置，可以是正数或负数(等同于数组下标从0开始)。如果是正数，表示从数组的左侧开始计数，如果是负数，则从数组末尾开始计数。
• deleteCount:表示你所要截取数组的长度（默认为从startIndex到最后一个）
• item:表示你所要替换前面截取的内容。（不写表示不替换）

 返回值：

splice()方法返回一个含有被删除元素的数组。如果没有删除任何元素，则返回一个空数组。同时，原数组也会被修改。

let arr = [1, 2, 3, 4, 5]
let newArr1 = arr.splice(2)
console.log(arr); //[1, 2]
console.log(newArr1); //[3, 4, 5]
let newArr2 = newArr1.splice(2,1,[1,2])
console.log(newArr1); //[3, 4, [1,2]]
console.log(newArr2); //[5]