js中数组插入、删除元素操作

野性酷女 2022-08-06 13:21 207阅读 0赞

/*
        *  删除数组元素: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)

<table style="margin:10px 0px 0px; padding:0px; border:1px solid rgb(170,170,170); border-collapse:collapse; width:709px; color:rgb(0,0,0); font-family:Verdana,Arial,宋体; font-size:12px; background-color:rgb(249,249,249)"> 
 <tbody style="margin:0px; padding:0px; border:0px"> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(170,170,170); vertical-align:baseline; width:155px; background-color:rgb(213,213,213)"> 参数</th> 
   <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(170,170,170); vertical-align:baseline; background-color:rgb(213,213,213)"> 描述</th> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> index</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> howmany</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 必需。要删除的项目数量。如果设置为 0，则不会删除项目。</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> item1, ..., itemX</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 可选。向数组添加的新项目。</td> 
  </tr> 
 </tbody> 
</table>

### 返回值 ###

### 说明 ###

splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。