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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
php简单数据库操作类的封装
Jun 08 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
微信小程序 轮播图实现原理及优化详解
Sep 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
实现树状结构的两种方法
2006/10/09 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
2014/06/26 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
JS验证码实现代码
2017/09/14 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
Python算术运算符实例详解
2017/05/31 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
美国新蛋IT数码商城:Newegg.com
2016/07/21 全球购物
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
广告学专业应届生求职信
2013/10/01 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
统计员岗位职责
2015/02/11 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
治庸问责工作总结
2015/08/11 职场文书
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python