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 相关文章推荐
javascript 全角转换实现代码
Jul 17 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
Jul 13 Javascript
aspx中利用js实现确认删除代码
Jul 22 Javascript
javascript中的事件代理初探
Mar 08 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
vue环境搭建简单教程
Nov 07 Javascript
Vue 全局loading组件实例详解
May 29 Javascript
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
php解决约瑟夫环示例
2014/04/09 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
javascript一点特殊用法
2008/05/28 Javascript
JS中实现replaceAll的方法(实例代码)
2013/11/12 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
vue数字类型过滤器的示例代码
2017/09/07 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
解决vue-router路由拦截造成死循环问题
2020/08/05 Javascript
python中ConfigParse模块的用法
2014/09/29 Python
python批量提交沙箱问题实例
2014/10/08 Python
python返回昨天日期的方法
2015/05/13 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
python实现12306火车票查询器
2017/04/20 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python绘制动态水球图过程详解
2020/06/03 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
如何高效率的查找一个月以内的数据
2012/04/15 面试题
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
艺术爱好者的自我评价分享
2013/10/08 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
转让协议书范本
2014/04/15 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
计划生育工作总结2015
2015/04/03 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书