JS数据操做之神奇的splice()

Array.prototype.splice()

定义和用法

splice() 方法向/从数组中添加/删除项目，而后返回被删除的项目。

注释：该方法会改变原始数组。

昨天写的介绍map()方法，数据反馈十分不错，本人表示感谢你们的支持。

本做者也是尝试用最简单的办法解释一些经常使用的前端数据处理方法，其实在javascript中，数据处理的方法不少，只是你们在实际项目中可能对这些方法不熟悉，因此之后会多用一些本人实际项目中的案例来说解一些前端数据处理的办法，帮助你们学习javascript，但愿对你们有所帮助。

闲话很少说，仍是先上图，简单的介绍一下这个方法。

代码

本人目前在用vue.js写项目，因此代码会是典型的vue风格，不过影响不大。

newArray数组我不进行解释，我须要把数组元素 'a' 从数组中删除，使用splice()就是一个十分简单的办法。

在splice()方法中，第一个参数是删除元素的起始位置，第二个参数是从这个位置开始，删除几个元素。

下面是控制台打印的结果。

结果

那么若是我要删除的元素是'c'，'d'，那么应该如何传参。

代码

结果

PS：程序员的世界观中，开始是0，而不是1。

PS2: 和昨天的map()方法不同，splice()会对原数组进行修改，请注意这点。

splice() 的其余参数

splice()不止两个参数，只不过除了第一个和第二个参数是必填的之外，后面的参数是选填的。

代码

上图中，我添加了一些参数到splice()中，这些参数的意义是在'c'，'d'，元素删除之后替换它们。

可是上图中只删除两个元素，可是新填入的有三个元素，那就委屈原来数组中的 'e' 元素，向后挪一个位置出来。

结果