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写的一个DIV 弹出网页对话框
Aug 14 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
Vue底层实现原理总结
Feb 17 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
Feb 25 Javascript
node.js如何自定义实现一个EventEmitter
Jul 16 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添加Redis模块及连接
2015/07/28 PHP
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Django 连接sql server数据库的方法
2018/06/30 Python
Python实现注册、登录小程序功能
2018/09/21 Python
python使用matplotlib画饼状图
2018/09/25 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
使用pandas读取文件的实现
2019/07/31 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
简单html5代码获取地理位置
2014/03/31 HTML / CSS
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
学生会竞聘书范文
2014/03/31 职场文书
擅自离岗检讨书
2014/09/12 职场文书
高校师德师风自我剖析材料
2014/09/29 职场文书
给老师的感谢信
2015/01/20 职场文书
中学教师教学工作总结
2015/08/13 职场文书
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL