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 相关文章推荐
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
addeventlistener监听scroll跟touch(实例讲解)
Aug 04 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
在Angular中使用JWT认证方法示例
Sep 10 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 Javascript
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
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 memcache扩展的三种安装方法
2009/04/26 PHP
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
php中的三元运算符使用说明
2011/07/03 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
javascript 的变量、作用域和内存问题
2017/04/19 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
python获得图片base64编码示例
2014/01/16 Python
详解python3百度指数抓取实例
2016/12/12 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
食品营养与检测应届生求职信
2013/11/08 职场文书
校园十大歌手策划书
2014/02/01 职场文书
阿德的梦教学反思
2014/02/06 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
2014年部门工作总结
2014/11/12 职场文书
2015年校长新年寄语
2014/12/08 职场文书
公司员工奖惩制度
2015/08/04 职场文书
参加招聘会后的感想
2015/08/10 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang