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 相关文章推荐
Prototype1.5 rc2版指南最后一篇之Position
Jan 10 Javascript
用javascript实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
详解JavaScript跨域总结与解决办法
Oct 31 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
浅谈如何使用webpack构建多页面应用
May 30 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 file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
php处理带有中文URL的方法
2016/07/11 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
JS实现区分中英文并统计字符个数的方法示例
2018/06/09 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
python中while循环语句用法简单实例
2015/05/07 Python
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
对于Python深浅拷贝的理解
2019/07/29 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
元旦晚会邀请函
2014/01/27 职场文书
人事助理自荐信
2014/02/02 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
毕业评语大全
2014/05/04 职场文书
企业金融服务方案
2014/06/03 职场文书
2014年法务工作总结
2014/12/11 职场文书
2016春节家属慰问信
2015/03/25 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js