js里相似的方法比较系列（二）slice，splice，split方法区别

JavaScript019

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

因此如果要创建一个与已经存在的对象内容相同的对象，不能通过简单的赋值操作。这样说的可能还是不太明白。

看下面的例子：

复制代码

代码如下:

var

a=[1,2,3,4]

var

b=ac=b

a.pop()

//移除最后一个元素

alert(b)

//弹出1,2,3

alert(c)

//弹出1,2,3

var

a=[1,2,3,4]

var

b=ac=b

a.pop()

//移除最后一个元素

alert(b)

//弹出1,2,3

alert(c)

//弹出1,2,3

我们执行上面的代码发现，在a的内容做改变后，变量b和c的结果也改变了。

上面的情况也许不是我们所需要的，我们希望的是创建一个与原对象内容一样的“新”对象。这样我们就需要通过一些克隆的办法来实现。

JS里Array也是一种Object。这里我们主要总结一下Array的克隆方式，我们这里为Array原生对象扩展一个clone方法。

1、最简单的办法，就是创建一个新数组，并遍历数组逐项添加到新数组中。

复制代码

代码如下:

Array.prototype.clone=function(){

var

a=[]

for(var

i=0,l=this.lengthi<li++)

a.push(this[i])

return

a

}

Array.prototype.clone=function(){

var

a=[]

for(var

i=0,l=this.lengthi<li++)

a.push(this[i])

return

a

}

这种实现方式是最容易想到也是最容易理解的，但是代码有点复杂了，我们仔细研究Array的一些方法，其实还有一个很简单的办法。下面说一下其它的两种办法。

2、通过Array对象的slice方法。

slice方法是通过参数start和end的传入值来返回数组中的一段，该方法不对原数组进行操作。我们通过slice(0)可以使其返回所有项。

复制代码

代码如下:

Array.prototype.clone=function(){

return

this.slice(0)

}

Array.prototype.clone=function(){

return

this.slice(0)

}

3、通过Array对象的concat方法。

concat方法是用来实现数组的合并的。通过和一个空函数的合并，即可实现我们的克隆功能。

复制代码

代码如下:

Array.prototype.clone=function(){

return

[].concat(this)

}

//或者

Array.prototype.clone=function(){

return

this.concat()

}

Array.prototype.clone=function(){

return

[].concat(this)

}

//或者

Array.prototype.clone=function(){

return

this.concat()

}

如果发挥想象应该还有其它的办法，以上只是本人想到的两种方法。

JavaScript

克隆数组最简单的方法

JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)