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 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
vue 实现tab切换保持数据状态
Jul 21 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
ThinkPHP模型详解
2015/07/27 PHP
phpinfo的知识点总结
2019/10/10 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
js如何判断用户是在PC端和还是移动端访问
2014/04/24 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
pytorch: tensor类型的构建与相互转换实例
2018/07/26 Python
在django admin中配置搜索域是一个外键时的处理方法
2020/05/20 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
AOP的定义以及作用
2013/09/08 面试题
办公室主任岗位职责
2013/11/08 职场文书
聘用意向书
2014/07/29 职场文书
秋冬农业生产标语
2014/10/09 职场文书
校长个人总结
2015/03/03 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
MySQL 使用事件(Events)完成计划任务
2021/05/24 MySQL
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS