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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jQuery示例收集
Nov 05 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
Sep 15 Javascript
JS在IE下缺少标识符的错误
Jul 23 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
Jul 28 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 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 xml-rpc远程调用
2008/12/19 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
javascript tips提示框组件实现代码
2010/11/19 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
Less 安装及基本用法
2018/05/05 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
javascript实现图片轮换动作方法
2020/08/07 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
Python批量修改文件后缀的方法
2014/01/26 Python
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
给医务人员表扬信
2014/01/12 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
如何利用python创作字符画
2022/06/25 Python