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的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
JQuery优缺点分析说明
2010/06/09 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
2015/09/07 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
Python中操作文件之write()方法的使用教程
2015/05/25 Python
python简单文本处理的方法
2015/07/10 Python
详解python开发环境搭建
2016/12/16 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python制作填词游戏步骤详解
2019/05/05 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
Django继承自带user表并重写的例子
2019/11/18 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
Python版中国省市经纬度
2020/02/11 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
美国Max仓库:Max Warehouse
2020/05/31 全球购物
党员思想汇报材料
2014/12/19 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
超市主管竞聘书
2015/09/15 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android