js中数组插入、删除元素操作的方法
更新时间：2017年02月15日 09:59:06 投稿：jingxian
下面小编就为大家带来一篇js中数组插入、删除元素操作的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
实例如下：
/*
* 删除数组元素: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 | 可选。向数组添加的新项目。 |
返回值
| 类型 | 描述 |
|---|---|
| Array | 包含被删除项目的新数组，如果有的话。 |
说明
splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
以上这篇js中数组插入、删除元素操作的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介为大家详细绍了JS实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
webpack教程之webpack.config.js配置文件
本篇文章主要介绍了webpack教程之webpack.config.js配置文件 ，具有一定的参考价值，有兴趣的可以了解一席2017-07-07
简单了解微信小程序 e.target与e.currentTarget的不同
这篇文章主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了Gojs组件，前端图形化插件之利器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了JS实现的抛物线运动效果,结合实例形式分析了javascript抛物线运动的相关运算与元素动态操作实现技巧,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了JavaScript面向对象精要,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了swiper.js插件实现pc端文本上下滑动功能,结合实例形式分析了swiper.js插件的具体引用与相关使用技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JS实现PC手机端和嵌入式滑动拼图验证码三种效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
心跳检测是指在WebSocket连接过程中定时向服务端发送和接收心跳消息,来确定当前连接是否是正常状态的检测机制,断开重连是指在WebSocket不正常断开连接后,进行重新连接的策略,下面我们就来看看这二者的具体实现吧2024-01-01
深入webpack打包原理及loader和plugin的实现
这篇文章主要介绍了深入webpack打包原理及loader和plugin的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
最新评论