谈谈substring、substr 和 slice、splice方法的区别与用法

谈谈substring、substr 和 slice、splice方法的区别与用法

最近在做leetcode里面的题库，用到了对字符串截取/删除/添加等一些需要对字符串或者数组处理的问题，下面将谈一谈对substring、substr 和 slice、splice的理解。

substring和substr：

这两个方法都是针对字符串的，都是返回一个副本，而不是再原来字符串上直接操作的。两者都能提取想要的字符串信息，又存在一些不同之处，如下：

substring：

s.substring（start, end）表示从start开始到end之间的新字符串，含头不含尾。(s表示字符串)

  var s = 'hello'
     console.log(s.substring(1,3))  //el
	 console.log(s,s.substring(1,3)) //hello el

其中start是必填项，end选填，不填表示从start处截取到字符串结尾。

 var s = 'hello'
 console.log(s.substring(1)) //ello

如果start比end大，执行该方法之前会自动交换位置，小的在前，大的在后。

var s = 'hello'
 console.log(s.substring(3,1)) //el

如果start 和 end相等，会返回一个空的字符串。

 var s = 'hello'
 console.log(s.substring(1,1)) //空字符串

如果 start 和 end为负数，则在方法执行之前会先将负数变为0

var s = 'hello' 
console.log(s.substring(1,-2)) // h
console.log(s.substring(-2,1)) // h
console.log(s.substring(-2,-1)) //空字符串

substr：

substr(start, length)表示返回从start开始包含length长度的新字符串，包含start且不修改原字符串

var s = 'helloworld'
console.log(s.substr(1,5))  //ellow

其中start是必填项，length可不填，不填表示从start截取到字符串结尾

var s = 'helloworld'
console.log(s.substr(1))    //elloworld

如果length的值为0或负数，则返回空字符串

var s = 'helloworld'
console.log(s.substr(1,0))        //空字符串
console.log(s.substr(1,-5))       ///空字符串

如果 start 为负数，那么start = start + s.length

var s = 'helloworld'
console.log(s.substr(-1))    //d
console.log(s.substr(-5,2))  //wo

splice:

splice只能操作数组，splice(start,howmany,element1,…,elementX) 其中index,howmany必须,其他可选

start 规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany 规定应该删除多少元素。必须是数字，但可以是 “0”。如果未规定此参数，则删除从 start开始到原数组结尾的所有元素。
element1 规定要添加到数组的新元素。从 start所指的下标处开始插入。
elementx 可向数组添加若干元素。
如果只有start和howmany两个参数表示从start开始截取howmany个返回新数组

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.splice(1,3))    //[2,3,4]
console.log(s);               //[1,5,6,7,8,9]

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.splice(1,3))    //[2,3,4]
console.log(s);               //[1,5,6,7,8,9]
console.log(s.splice(1,3,2,3,4,5)) //[5,6,7]
console.log(s)                     //[1,2,3,4,5,8,9]

slice：

slice既可操作数组又可以操作字符串
slice(start, end)表示截取从下标start到end之间(不包括end)的元素，并返回新数组不改变原数组（字符串），类似与substring

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.slice(2,4))  //[3,4]

start是必填项，如果end不填，表示从start处截取到结尾

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.slice(2))  //[3,4,5,6,7,8,9]

如果 start 比 end大，或者两者相等，则截取的内容为空

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.slice(5,3))  //[]
console.log(s.slice(5,5))  //[]

如果start或者end为负数，那么负数的选项从数组尾部开始算起，最后一个数字为-1，倒数第二个数字为-2，依次类推

var s = [1,2,3,4,5,6,7,8,9]
console.log(s.slice(5,-3))  //[6]
console.log(s.slice(-5,-1))  //[5,6,7,8]
console.log(s.slice(-5,6))  //[5,6]

关于上述四种方法的总结挺详细的，看完能清晰的对这四种方法有一个全面正确的认识，解决你长久以来对这四种方法的混淆。