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


Posted in Javascript onFebruary 15, 2017

实例如下:

/*
  * 删除数组元素: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中数组插入、删除元素操作的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
js调用css属性写法
Sep 21 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
vue3获取当前路由地址
Feb 18 Vue.js
jQuery中on方法使用注意事项详解
Feb 15 #Javascript
防止重复发送 Ajax 请求
Feb 15 #Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 #Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 #Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 #Javascript
Canvas 绘制粒子动画背景
Feb 15 #Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 #Javascript
You might like
第四节--构造函数和析构函数
2006/11/16 PHP
PHP 开发工具
2006/12/06 PHP
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php 冒泡排序 交换排序法
2011/05/10 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
JS验证邮件地址格式方法小结
2015/12/01 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
JavaScript 空间坐标的使用
2020/08/19 Javascript
python自动化工具日志查询分析脚本代码实现
2013/11/26 Python
python的迭代器与生成器实例详解
2014/07/16 Python
深入学习Python中的装饰器使用
2016/06/20 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
Python测试线程应用程序过程解析
2019/12/31 Python
Django 解决model 反向引用中的related_name问题
2020/05/19 Python
Python脚本调试工具安装过程
2021/01/11 Python
小孩百日宴答谢词
2014/01/15 职场文书
创建文明城市标语
2014/06/16 职场文书
教师职位说明书
2014/07/29 职场文书
大学生简短的自我评价
2014/09/12 职场文书
公司员工离职感言
2015/08/03 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
业余无线电通联Q语
2022/02/18 无线电