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判断用户用的哪个浏览器的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-10-10
上一篇文章中我们使用textarea来模拟AJAX的返回结果，造成了一些误解。 这里我们首先用asp.net的Generic Handler做一个简单的后台来重现这个AJAX过程。2011-03-03
本篇文章主要介绍了webpack 多入口配置 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了js检测数组类型的方法小结,有instanceof方法Array.isArray() 方法和Object.prototype.toString.call()方法，都是比较常用的，需要的朋友可以参考下2017-03-03
这篇文章主要给大家介绍了关于Echarts重新渲染的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-05-05
最近接了一个微信小程序的项目，项目需求是小程序语音识别，全景图片观看，登录授权，获取个人基本信息。非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-10-10
这篇文章主要介绍了记录一篇redux-saga的基本使用过程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
uni-app使用Vite.config.js配置文件的超详细教程
这篇文章主要给大家介绍了关于uni-app使用Vite.config.js配置文件的超详细教程,在uniapp开发中,vue.config.js是配置webpack的关键文件之一,也可以说是uniapp项目自定义配置的中心,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了JavaScript判断是否为数字的多种方法小结,本文给大家分享三种方法,结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下2016-03-03
最新评论