splice 方法可用于从数组中添加、替换或删除元素

splice 方法接收至少三个参数:

  • start:在数组中开始删除元素的位置

  • deleteCount:删除多少个元素(可选)

  • items...:添加元素(可选)

1)spilce删除的写法

如果 deleteCount 大于 start 之后的元素的总数,则从 start 后面的元素都将被删除(含第 start 位)。

如果 deleteCount 被省略了,或者它的值大于等于array.length - start(也就是说,如果它大于或者等于start之后的所有元素的数量),那么start之后数组的所有元素都会被删除。

如果 deleteCount 是 0 或者负数,则不移除元素。这种情况下,至少应添加一个新元素


const arr1 = [1, 2, 3, 4, 5];
arr1.splice(1);
console.log(arr1); // [1];
const arr2 = [1, 2, 3, 4, 5];
arr2.splice(1, 2)
console.log(arr2); // [1, 4, 5]
const arr3 = [1, 2, 3, 4, 5];
arr3.splice(1, 1)
console.log(arr3); // [1,3, 4, 5]

2)splice添加的写法

添加只需要把 deleteCount 设置为 0,items 就是要添加的元素


const arr = [1, 2, 3, 4, 5];
arr.splice(1, 0, 10)
console.log(arr); // [1, 10, 2, 3, 4, 5]

3)splice替换的方法


const arr = [1, 2, 3, 4, 5];
arr.splice(1, 1, 10)
console.log(arr); // [1, 10, 3, 4, 5]

const arr3=[1,3,9]

把数组中最后一个元素的值修改为6
arr3.splice(2,2,6)
[9]
console.log(arr3)
 (3) [1, 3, 6]

这样可以实现往头部添加元素的写法
arr3.splice(0,0,4)
console.log(arr3)
(4) [4, 1, 3, 6]

splice添加、替换、删除数组元素相关推荐

  1. js操作数组的方法(1)添加、删除数组元素

    shift() -- 删除原数组第一项,并返回删除元素的值 如果数组为空则返回 undefined 该方法会改变原数组的长度. 语法格式:array.shift() var arr = [1, 2, ...

  2. JS删除数组元素的函数介绍

    有时候我们需要数组元素的值,那么就可以参考下面的方法,文中提到了不少这方面的资料,数组去重功能等 split将字符串转为数组并输出的代码: 复制代码 代码如下: <script language ...

  3. js 删除数组元素。

    var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是 ...

  4. JS获取数组元素下标,获取数组元素,删除数组元素,添加数组元素

    /* 获取数组元素下标 */var i=list_done.map(item=>item.text).indexOf(value);/* 获取数组元素 */var cur_item=list_d ...

  5. js使用splice删除数组元素

    js使用splice删除数组元素 splice(index,num,item1,.....,itemX)index: 必需,规定开始添加/删除项目的索引,使用负数可从数组结尾处规定位置 num:必需, ...

  6. JavaScript 添加删除数组元素

    添加删除数组元素方法 1. push() 在我们数组的末尾 添加一个或者多个数组元素   push  推 (1) push 是可以给数组追加新的元素 (2) push() 参数直接写 数组元素就可以了 ...

  7. php js动态删除数组元素,javascript如何删除数组中的指定元素

    js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素 本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...

  8. java数组删除数组元素_如何在Java中删除数组元素

    java数组删除数组元素 When we create an array in Java, we specify its data type and size. This is used by JVM ...

  9. jQuery如何根据元素值删除数组元素

    用到的方法$.inArry(); $.inArray( value, array [, fromIndex ] ) value 任意类型 用于查找的值. array Array类型 指定被查找的数组. ...

  10. javascript删除数组元素的几个方法

    javascript删除数组元素的7个方法 文章目录 一.length属性 二.delete关键字 三.pop()栈方法 四.shift()队列方法 五.splice()操作方法 六.迭代方法 七.p ...

最新文章

  1. 2017-09-22 前端日报
  2. C# static的用法详解
  3. JZOJ 5263. 【NOIP2017模拟8.12A组】分手是祝愿
  4. flymcu无法打开串口_西门子1200与其他PLC/组态软件无线串口通讯(自由口)
  5. 车辆出厂信息接口_航测遥感中心“漳州核电智慧工地管理系统平台”通过出厂验收...
  6. 计算机另一账户无法使用office,关闭Word文档提示: 如何处理另一个应用程序或用户正在使用的文件?...
  7. 自动生成mybatis代码
  8. 安卓CTS官方文档之兼容性方案概览
  9. Docker 入门实践
  10. redis 系列16 持久化 RDB
  11. linux内核Device Drivers设备驱动程序
  12. 宏杉科技引领数据中心全IP化潮流 一站式存储专家优势凸显
  13. 机器视觉:工业相机专业词汇中英文详解
  14. SWUST OJ#480 Locker doors
  15. Windows 7下vc2010编译使用redis 3.0
  16. 大数据就业前景及职能定位解析!
  17. 斜杠'/' 和反斜杠'\'
  18. 卡普雷卡与西西弗斯.C
  19. web安全测试用例(网络资源笔记)
  20. 网课查题公众号 对接查题题库

热门文章

  1. 华米科技举办首届AI创新大会 发布“黄山2号”可穿戴芯片
  2. c语言程序设计冲刺串讲,C语言程序设计冲刺串讲.ppt
  3. 2020 Vue 基于Element-UI开发 手动导入并使用Timeline组件(附组件文件)查看快递信息
  4. Linux 音频路ucm和pulseaudio
  5. 工业互联网·能耗监控暖通空调远程监控系统方案
  6. 简单的职工信息管理系统(运用了存储过程,和datagridview,dataset的设置)
  7. 一文读懂:快速入门机器学习,基础向
  8. 宏任务和微任务的详解
  9. 阿里云学生机服务器开启端口
  10. [笔记分享] [Camera] MTK Camera基础知识二