JavaScript数组元素增删操作详解：splice方法与自定义扩展

作者：木棉

时间：2026-10-21

本文详细介绍JavaScript中数组元素的插入与删除操作。核心讲解Array.prototype.splice()方法的语法、参数及返回值，并通过自定义Array原型方法removeArr和insertArr，演示如何实现数组元素的上移与下移逻辑，帮助开发者掌握数组动态修改技巧。

文章目录

具体实现代码如下所示：


/*
  * 删除数组元素:Array.removeArr(index)
  */
  Array.prototype.removeArr = function (index) {
    if (isNaN(index) || index>= this.length) { return false; }
    this.splice(index, 1);
  }
  /*
  * 插入数组元素:Array.insertArr(dx)
  */
  Array.prototype.insertArr = function (index, item) {
    this.splice(index, 0, item);
  };

利用上述封装的函数，即可便捷地处理数组元素的上移与下移逻辑。


if (tag == 2) { //上移
      if (targeitemindex == 0) return; //顶部
      rows.removeArr(targeitemindex); //移除指定对象，原对象长度减少一个
      rows.insertArr(targeitemindex - 1, targetitem);
    } else if (tag == 3) { //下移
      if (targeitemindex == len - 1) return; //底部
      rows.removeArr(targeitemindex); //移除指定对象，原对象长度减少一个
      rows.insertArr(targeitemindex + 1, targetitem);
    }

基本概念与用法说明

splice() 方法用于向数组中添加或删除项目，并返回被删除的项目集合。

注意：该操作会直接修改原始数组对象。

语法格式


arrayObject.splice(index,howmany,item1,.....,itemX)

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