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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
jQuery解决iframe高度自适应代码
Dec 20 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
webpack4.x打包过程详解
Jul 18 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
前端天气插件tpwidget使用方法详解
Jun 24 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
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
php操作mongoDB实例分析
2014/12/29 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
python基础教程之分支、循环简单用法
2016/06/16 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
python连接PostgreSQL过程解析
2020/02/09 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
python飞机大战游戏实例讲解
2020/12/04 Python
python中time包实例详解
2021/02/02 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
世界文化遗产导游词
2015/02/13 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
个人求职意向书
2015/05/11 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书