splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
注释:该方法会改变原始数组。

参数:

  1. index —— 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
  2. howmany —— 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
  3. item1, …, itemX —— 可选。向数组添加的新项目。

返回值

  1. Array —— 包含被删除项目的新数组,如果有的话。

一、情况一(只有一个参数)

splice(index) ——> 从index的位置开始,删除之后的所有元素(包括第index个)
若 index < 0 , 则删除最后-index个元素
splice()函数返回删除元素数组

<script type="text/javascript">var array = [0,1,2,3,4,5,6]document.write("原数组为:"+array + "<br />")array.splice(2)document.write("array.splice(2)的结果为:",array)
</script>

    var array = [0,1,2,3,4,5,6]document.write("原数组为:"+array + "<br />")var result = array.splice(-3)document.write("array.splice(-3)的结果为:",array + "<br />")document.write("删除的内容为:",result)

二、情况二 (两个参数)

splice(index,howmany) ——> 删除从index位置开始的数,howmany为删除的个数
若 howmany 小于等于 0,则不删除

<script type="text/javascript">var array = [0,1,2,3,4,5,6]document.write("原数组为:"+array + "<br />")var result = array.splice(2,1)document.write("array.splice(2,1)的结果为:",array + "<br />")document.write("删除的内容为:",result)
</script>

    var result = array.splice(2,0)document.write("array.splice(2,0)的结果为:",array + "<br />")document.write("删除的内容为:",result)


三、情况三 (大于等于三个参数)

splice(index ,howmany , item1, …, itemX )

index >0 时
(1. howmany 为 0 时 不删除只添加 —— 在index位置前添加item1, …, itemX的数
(2. howmany > 0 删除且添加 —— 在index位置前添加item1, …, itemX的数,并且删除从index位置开始的数,howmany为删除的个数
index <0 时 最后一个数为 -1 依次倒数第二个数为-2
(1. howmany 为 0 时 不删除只添加 —— 在-index位置前添加item1, …, itemX的数
(2. howmany > 0 删除且添加 —— 在-index位置前添加item1, …, itemX的数,并且删除从-index位置开始的数,howmany为删除的个数

1.1

<script type="text/javascript">var array = [0,1,2,3,4,5,6]document.write("原数组为:"+array + "<br />")var result = array.splice(2,0,8,9)document.write("array.splice(2,0,8,9)的结果为:",array + "<br />")document.write("删除的内容为:",result)
</script>

1.2

    var result = array.splice(5,3,8,9)document.write("array.splice(2,0,8,9)的结果为:",array + "<br />")document.write("删除的内容为:",result)

2.1

<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为:"+array + "<br />")
var result = array.splice(-2,0,8,9)
document.write("array.splice(-2,0,8,9)的结果为:",array + "<br />")
document.write("删除的内容为:",result)
</script>

2.2

<script type="text/javascript">var array = [0,1,2,3,4,5,6]document.write("原数组为:"+array + "<br />")var result = array.splice(-2,3,8,9)document.write("array.splice(-2,3,8,9)的结果为:",array + "<br />")document.write("删除的内容为:",result)
</script>

参考:
JavaScript Array splice() 方法

js splice()用法相关推荐

  1. html函数splice,js splice方法怎么用?

    js splice()方法 splice() 方法用于添加或删除数组中的元素,然后返回被删除的元素. 注意:这种方法会改变原始数组. 语法:arrayObject.splice(index,howma ...

  2. Javascript模块化编程require.js的用法

    JS模块化工具requirejs教程(一):初识requirejs http://www.runoob.com/w3cnote/requirejs-tutorial-1.html JS模块化工具req ...

  3. Moment.js常见用法总结

    From: https://www.jianshu.com/p/9c10543420de Moment.js常见用法总结 Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中 ...

  4. Moment.js常见用法总结 1

    Moment.js常见用法总结 Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率. ​ 日常开发中,通常会对时间进行下面这几个操作:比如获取时 ...

  5. Toastr.js插件用法

    toastr.js插件用法 toastr.js是一个基于jQuery的非阻塞通知的JavaScript库.toastr.js可以设定四种通知模式:成功.出错.警告.提示.提示窗口的位置.动画效果等都可 ...

  6. highlight.js css,JS库之Highlight.js的用法详解

    下载到本地后,新建个页面测试 1.在head中加入css和js的引用 highlight hljs.initHighlightingOnLoad(); 2.添加对应要显示的内容 # 读取文件内容 de ...

  7. js截取图片 裁剪图片之cropper.js插件用法详解

    js截取图片 裁剪图片之cropper.js插件用法详解 源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...

  8. commander.js基本用法

    准备工作 安装nodejs 安装commander.js,执行npm install commander --save version方法 作用:定义命令程序的版本号 参数说明: 版本号<必须& ...

  9. require.js的用法:

    require.js的用法: 1.作用:     1>实现js文件的异步加载,避免网页失去相应. 2>管理模块之间的依赖性,便于代码的编写和维护. 2.下载     官网下载地址:http ...

最新文章

  1. SQL Server自带备份整个数据库脚本工具
  2. XDC约束技巧——CDC篇
  3. Linux 开发板4G转WiFi热点 手机连接热点上网(一 思路)
  4. 微型计算机惠普1hm20av,微型计算机原理及应用(答案).doc
  5. 【Flink】Flink TaskManager 一直 User file cache uses directory
  6. check whether edge in face indices.
  7. poj 1386 欧拉回路
  8. mysqlL时间戳和时间的获取/相互转换/格式化
  9. python自动聊天机器人_Python实现微信聊天机器人
  10. 李学龙当选美国计算机杰出科学家的报道,我校李学龙教授当选美国医学与生物工程院会士...
  11. mysql next key_关于mysql next-key锁的一些个人理解
  12. bean named 'transactionManager' available: No matching PlatformTransactionManager bean found for qua
  13. three实战:月球围绕地球
  14. Holt-Winters
  15. Android 通过代码执行shell命令获取电量百分比
  16. 菜鸟哥玩蓝牙Ble4.0系列 ESP32初玩篇⑤ GATT —— 连接数据通信之Server模式
  17. 无法在Android手机上拨打或接听电话,如何解决
  18. java怎么实现发布说说_仿QQ发表说说
  19. Vue的属性,为什么无法冻结?
  20. 【超详细】(蓝桥杯Python)阶乘约数:求100阶乘的正约数个数。

热门文章

  1. 利用STM32F103最小系统做C2接口离线烧录器
  2. Excel批量一键切换英文字母大小写
  3. python vlookup_Python - 如何使用 Pandas 进行vLookup
  4. 网页报错404原因及解决方法
  5. DNS欺骗原理及工作工程分析
  6. SpringCloud:统一网关Gateway
  7. 2023西北大学计算机考研信息汇总
  8. 安装opencv3.4遇到Download: opencv_ffmpeg.dll、ippicv等失败的解决方法
  9. visio studio code安装之后的两个错误的解决办法
  10. 苹果 IOS 早期版本 NDEF的读写问题 C#