substr和substring,slice和splice的区别，js字符串截取和数组截取

本文参考了文章：https://blog.csdn.net/kenberkeley/article/details/50983734

博主已经总结得很好了，看完之后也能明白，不过还是觉得要自己动手敲一敲，加深理解，并且记录下来，于是就有了这篇博客

首先，substring和substr，看词就知道str指的是字符串，所以都是对字符串进行截取的函数，并且都是返回原字符串的副本，不改变原字符串

var str = "012345678";
console.log(str.substring(1)); // 12345678第二个参数为空，则默认截取到结束
console.log(str.substring(1,4)); // 123, 1表示起始下标，4表示截止下标

console.log(str.substr(1)); // 12345678第二个参数为空，则默认截取到结束
console.log(str.substr(1,4)) // 1234, 1表示起始下标，4表示截取长度
console.log( str.substr(-4) ); // 5678, 可以接受一个负数，截取后四位

console.log(str); // 012345678，原数组不改变

总结一下，

sunstring($1,$2)，$1指的是起始下标，$2指的是截止下标，所以截取区间是[$1,$2]

substr($1,$2)，$1也指的是起始下标，不同的是$2指的是截取长度，所以截取区间是[$1,$1+$2-1]

第二：slice和spice是针对数组进行操作的(slice也能用于字符串),返回值是一个数组，slice不改变原数组，splice是直接在原数组上进行操作的（直接在数组上操作的还有 pop/push/shift/unshift/sort/reverse）

var arr = [0,1,2,3,4,5,6,7]
console.log(arr.slice(1)); // [1, 2, 3, 4, 5, 6, 7]第二个参数为空，则默认截取到结束
console.log(arr.slice(1,4)); // [1, 2, 3], 1是起始下标，4是结束下标
console.log(arr) //  [0, 1, 2, 3, 4, 5, 6, 7] 原数组没有改变

console.log(arr.splice(1,4)); // [1, 2, 3,4] 返回的是被截取的部分
console.log(arr); // [0, 5, 6, 7] 除开被splice截取的部分，原数组还剩下这几个

slice不直接操作数据，返回被被切部分的副本，区间表示为[$1, $2) 。$1 是起始下标，$2 是截止下标。注意不包含$2本身

splice直接操作原数组，返回被切掉的部分， 区间表示为[$1, $1+$2-1] 。 $1 是起始下标， $2 是切多少个