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 相关文章推荐
学习面向对象之面向对象的术语
Nov 30 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
bootstrap的工具提示实例代码
May 17 Javascript
js实现省市级联效果分享
Aug 10 Javascript
详解vue2 $watch要注意的问题
Sep 08 Javascript
详解Js中的模块化是如何实现的
Oct 18 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
JS数组去重详情
Nov 07 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 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
JavaScript 数组详解
2013/10/10 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
4种JavaScript实现简单tab选项卡切换的方法
2016/01/06 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
Python中unittest用法实例
2014/09/25 Python
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
Python argparse模块应用实例解析
2019/11/15 Python
Python发送手机动态验证码代码实例
2020/02/28 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
Windows和Linux动态库应用异同
2016/04/17 面试题
校园奶茶店创业计划书
2014/01/23 职场文书
文化活动实施方案
2014/03/28 职场文书
银行求职信怎么写
2014/05/26 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
python删除csv文件的行列
2021/04/06 Python