js里相似的方法比较系列(二)slice,splice,split方法区别

JavaScript011

js里相似的方法比较系列(二)slice,splice,split方法区别,第1张

不知道大家对 slice, splice, splite 是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,甚至懒得记住他们的功能。所以为了帮组和我一样有困扰的人,我们来解决它。

三个方法除了长得像,其实功能完全不一样,为了帮助记忆,先总结一下:

1. slice 是 Array 和 String 都有的方法,功能也和字符串的 slice 是一样,截取区间值用的。 String的slice()方法请看上篇文章: js里相似的方法比较系列(一)String的slice,substring,substr方法区别 。

2. splice 仅是数组 Array 的方法,splice比slice外观上多个p,这一个p蹦出了天差地别,功能超级强大。它能用来插入、删除甚至替换数组的元素。

3. split 仅仅是字符串的方法,外观上也有p,但是少了ce,还多了个t。这个t厉害了,一脚把字符串踢成了多段,吓得字符串变成了数组。没错, split() 方法就是用来把一个字符串分割成字符串数组。

下面我就来分别说说他们:

用法:array.slice(start, end)

解释: slice() 该方法用于对数组进行部分截取,并返回一个数组副本;参数 start 是截取的开始数组索引, end 参数等于你要截取的最后一个元素的索引位置加上1的值(可选)

用法:array.splice(start, deleteCount, item,…..,itemX)

解释: splice() 方法用于插入、删除或替换数组的元素。 splice 方法从 array 中移除一个或多个元素,如果你愿意的话可以用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数 deleteCount 是要移除的元素的个数。

如果有额外的参数,那么 item,…..,itemX 会插入到被移除元素的位置上。

splice()方法返回一个包含被移除元素的数组。

用法:string.split(separator, limit)

解释: split() 方法用于把一个字符串分割成字符串数组。把这个 string 分割成片段来创建一个新的字符串数组,但不改变原始字符串。

separator 参数可以是一个分隔符,它可以是字符串或一个正则表达式。如果 separator 是一个空字符(‘’),会返回一个单字符的数组。

limit (可选参数)可以限制被分割的片段数量。

今天就到这吧,下一节我们讲解 “js相似方法比较系列(三)charAt,indexof,findIndex,lastindexof,includes,find的区别” ,敬请期待~!

参考地址:

https://www.cnblogs.com/webjoker/p/5218114.html

https://blog.csdn.net/yw00yw/article/details/81063038

常用三个的字符串截取函数:substr

substring

slice,调用方式如下

复制代码

代码如下:

stringObject.slice(start,end)

stringObject.substr(start,length)

stringObject.substring(start,end)

最明显的是substr,第二个参数是length,是截取长度,其他两个函数的第二个参数都是末尾字符的下标(这里并不包括该下标的字符,只截取到该字符的前一个字符)

slice跟substring比,slice下标可以是负数,比如-1表示最后一个字符,而substring不能。substring如果

start

比end

大,那么在提取子串之前会先交换这两个参数,而slice不会,slice会返回空字符串

例子:

复制代码

代码如下:

var

str="Helloworld"

console.log(str.substr(0,

2))

console.log(str.substring(2,

0))

console.log(str.substring(0,

2))

console.log(str.slice(0,

-1))

console.log(str.slice(-1,

0))

输出:

He

He

He

Helloworl

(空字符串)

最主要的区别是:slice支持负数的下标(代表从字符串结尾开始算位置),substring不支持

substring() 方法用于提取字符串中介于两个指定下标之间的字符。主要用于字符串截取

stringObject.substring(start,stop)

start:必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

end:可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

如果省略该参数,那么返回的子串会一直到字符串的结尾。

例如:"abcdefg".substring(3,5)返回de,字符串的第3个字符是d(从0开始,即a是第0个字符),截取到第5个字符前(不包括第5个)

与 slice()方法不同的是,substring() 不接受负的参数。

slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

stringObject.slice(start,end)

start:要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。

end:紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。

slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。