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 相关文章推荐
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
Node.js的特点和应用场景介绍
Nov 04 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
php学习 字符串课件
2008/06/15 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
通过php添加xml文档内容的方法
2015/01/23 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
2015/12/30 Javascript
Angular2库初探
2017/03/01 Javascript
javascript实现下雨效果
2017/03/27 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
python实现堆排序的实例讲解
2020/02/21 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
中专自我鉴定范文
2013/10/16 职场文书
一名毕业生的自我鉴定
2013/12/04 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
给老师的一封感谢信
2015/01/20 职场文书
大学生自荐信范文
2015/03/05 职场文书
狂人日记读书笔记
2015/06/30 职场文书
爱护公物主题班会
2015/08/17 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Python绘画好看的星空图
2022/03/17 Python
游戏《我的世界》澄清Xbox版暂无计划加入光追
2022/04/03 其他游戏