文档章节

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

孟飞阳
 孟飞阳
发布于 2017/10/20 14:03
字数 528
阅读 4
收藏 0

Array.prototype.splice()

定义和用法

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

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

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

本作者也是尝试用最简单的办法解释一些常用的前端数据处理方法,其实在javascript中,数据处理的方法很多,只是大家在实际项目中可能对这些方法不熟悉,所以以后会多用一些本人实际项目中的案例来讲解一些前端数据处理的办法,帮助大家学习javascript,希望对大家有所帮助。

闲话不多说,还是先上图,简单的介绍一下这个方法。

每天十分钟系列:JS数据操作之神奇的splice()

代码

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

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

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

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

每天十分钟系列:JS数据操作之神奇的splice()

结果

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

每天十分钟系列:JS数据操作之神奇的splice()

代码

每天十分钟系列:JS数据操作之神奇的splice()

结果

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

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

splice() 的其他参数

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

每天十分钟系列:JS数据操作之神奇的splice()

代码

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

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

每天十分钟系列:JS数据操作之神奇的splice()

结果

本文转载自:毒舌咸鱼

共有 人打赏支持
孟飞阳
粉丝 212
博文 998
码字总数 550537
作品 5
朝阳
个人站长
私信 提问
JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa
2018/06/19
0
0
前端高频面试题 JavaScript篇

以下问题都来自于互联网前端面经分享,回答为笔者通过查阅资料加上自身理解总结,不保证解答的准确性,有兴趣讨论的同学可以留言或者私信讨论。 1.JS的异步机制? 2.闭包如何实现? 3.原型链、...

大雄的学习人生
2018/06/25
0
0
说说 Vue.js 中的 v-for 列表渲染指令

1 基本用法 当遍历一个数组或枚举一个对象进行迭代循环展示时,就会用到列表渲染指令 v-for。 它的表达式需要结合 in 来使用,类似 item in items 的形式。 1.1 遍历数组 html: js: 效果:...

deniro
2018/11/18
0
0
【原创】数组完整篇 / 基本操作/ 进阶 / 遍历 / 实例 / 拓展 / 取 / 赋

【基础】数组基本操作 数组的常见基本操作分为:赋值,查长度,添加push,删除delete,遍历for-in等。简单数组是一维的,但是实际工作中,数组总是与对象结合使用,叫:数组对象。 类型操作分...

柴高八斗之父
2017/08/29
0
0
深度理解vue 关于数组和对象的更新

在日常开发中,我们用的最多的就是 绑定数据 如果你有ng的开发经验,假设 data 你要更新数据了 this.data=res.data; 但是这在vue中 并不会起到作用,DOM并没有触发变化。 vue不是已经实现的实...

前端攻城老湿
2018/12/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

dubbo自学入门

由于敏感文字检索过于死板,请跳转我的csdn博客查看 https://blog.csdn.net/loveshunyi/article/details/88813214

GodIsCj
8分钟前
0
0
前嗅ForeSpider脚本教程:模板脚本

链接脚本是频道的模板中的脚本。配置了模板脚本,模板的处理流程将被改变: 1.如果脚本未正确返回dom区域节点,则该模板的采集则完全由该脚本控制。 2.如果脚本返回了一个正确的dom区域节点,...

forespider
12分钟前
0
0
DM 源码阅读系列文章(二)整体架构介绍

作者:张学程 本文为 DM 源码阅读系列文章的第二篇,第一篇文章 简单介绍了 DM 源码阅读的目的和规划,以及 DM 的源码结构以及工具链。从本篇文章开始,我们会正式开始阅读 DM 的源码。 本篇...

TiDB
13分钟前
0
0
stm32h7 __attribute__((weak)) 使用说明

在用stm32h7 板子的时候,看了一个usmart历程,里面有个usart.c函数,声明了一个函数叫做HAL_UART_RxCpltCallback(UART_HandleTYpeDef *huart) 然后再stm32h7xx_hal_uart.c里看到了同样的一个...

青春无极限
14分钟前
0
0
用 C 语言编写 Windows 服务程序的五个步骤(转)

摘要   Windows 服务被设计用于需要在后台运行的应用程序以及实现没有用户交互的任务。为了学习这种控制台应用程序的基础知识,C(不是C++)是最佳选择。本文将建立并 实现一个简单的服务程...

_编程菜鸟_
36分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部