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 相关文章推荐
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
jQuery操作动态生成的内容的方法
May 28 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
解决option标签selected="selected"属性失效的问题
Nov 06 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 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冒泡排序
2014/12/30 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
学习YUI.Ext 第四天--对话框Dialog的使用
2007/03/10 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
javascript遇到html5的一些表单属性
2015/07/05 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
python实现四人制扑克牌游戏
2020/04/22 Python
智能室内花园:Click & Grow
2021/01/29 全球购物
护士自我鉴定范文
2013/10/06 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
节水标语大全
2014/06/11 职场文书
公民授权委托书
2014/10/15 职场文书
办公用房租赁协议书
2014/11/29 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
还款承诺书范本
2015/01/20 职场文书
学生不参加考试检讨书
2015/02/19 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
小学安全教育主题班会
2015/08/12 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫