当前位置:首页 > 日记 > 正文

js中数组插入、删除元素操作的方法

js中数组插入、删除元素操作的方法

实例如下:

/*  * 删除数组元素: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中数组插入、删除元素操作的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

详解bootstrap用dropdown-menu实现

详解bootstrap用dropdown-menu实现

上下文菜单,详解,电脑软件,dropdown,bootstrap,详解bootstrap用dropdown-menu实现上下文菜单写在前面: 所谓上下文菜单,它与一般菜单的区别在于: 通过右键触发显示在鼠标右键点击处 鼠标在别处点击后,该菜单消失 实现方法: 在html中定义一个普通…

Vue.js实战之通过监听滚动事件实现

Vue.js实战之通过监听滚动事件实现

动态,实战,事件,锚点,电脑软件,前言前几天工作中在做项目的时候,需要实现一个动态锚点的效果,具体效果如下:如果是传统项目,这个效果就非常简单。但是放到 Vue 中,就有两大难题: 1. 在没有 jQuery 的 animate() 方法的情况下,如何实现平滑滚…

Easyui Tree获取当前选择节点的所

Easyui Tree获取当前选择节点的所

节点,父节点,选择,电脑软件,Easyui,只支持四层目录结构,比较笨的一个方法JS代码var node = $('#tree').tree('getSelected'); //获取该节点所有父节点 var parentAll = node.text; var flag = ">>"; …

在Word文档中标题前面的点如何去掉

在Word文档中标题前面的点如何去掉

文档,标题,电脑软件,Word,  给 Word 文档使用标题,前面总要出现一个小黑点,这是 Word标题的默认设置。如果不想要这个小黑点,能否把它去掉?以下是小编为您带来的关于Word标题前面的点去掉,希望对您有所帮助。Word标题前面的点去掉一、Word标…

Word中2013版进行从某页开始设置页

Word中2013版进行从某页开始设置页

设置,操作技巧,页码,操作步骤,电脑软件,  关于最新版本的office 2013,其实所有的使用教程在软件中就有,就是“帮助”选项,只不过我们使用的少而已。今天,小编就教大家在Word中2013版进行从某页开始设置页码的操作技巧。Word中2013…

ppt剪除图形的教程方法是什么

ppt剪除图形的教程方法是什么

图形,教程,方法,电脑软件,ppt,  ppt剪除图形,ppt中想要用一个图形剪去另一个图形得到一个新的图形,该怎么操作呢?这就需要使用ppt形状减除功能实现。以下是小编为您带来的关于ppt剪除图形的教程,希望对您有所帮助。ppt剪除图形的教程1、新建…

easy ui datagrid 从编辑框中获取

easy ui datagrid 从编辑框中获取

方法,获取值,框中,编辑,电脑软件,如下所示:var editors = $('datagrid的id').datagrid('getEditors', rowIndex); //rowIndex 行编号,从0算起console.info(editors[0].target.val());以上这篇easy ui datagrid 从编辑框中获取值的方法就…

认识jQuery的Promise的具体使用方

认识jQuery的Promise的具体使用方

使用方法,电脑软件,jQuery,Promise,先前了解了ES6的Promise对象,来看看jQuery中的Promise,也就是jQuery的Deferred对象。打开浏览器的控制台先。<script> var defer = $.Deferred(); console.log(defer);</script>运行结果: 和ES6的Promise…

vue-cli 自定义指令directive 添加

vue-cli 自定义指令directive 添加

滑块,验证,自定义指令,示例,电脑软件,vue项目注册登录页面遇到了一个需要滑块的功能,网上看了很多插件发现都不太好用,于是自己写了一个插件供大家参考;用的是vue的自定义指令direcive,只需要在需要的组件里放入对应的标签嵌套即可;template:<tem…

Excel2010替换回车/换行符的操作方

Excel2010替换回车/换行符的操作方

换行符,替换,删除,单元,格中,  有时候Excel单元格中有回车符,那么要如何批量去除呢?今天,小编就教大家在Excel2010中进行替换回车/换行符的操作方法。Excel2010中进行替换回车/换行符的操作步骤首先,打开需要替换的Excel。接着选择要去除回…

详解webpack3如何正确引用并使用jQ

详解webpack3如何正确引用并使用jQ

引用,详解,如何正确,电脑软件,jQuery,经过百度、谷歌、SF、stackoverflow后终于将webpack3引用jQuery的问题解决了,网上的重复文章太多,大多也都过时了,webpack这两年发展也非常快,大多都是1.0版本的文章,与时俱进的很少,刚刚看了一眼现在已经发…

excel表格的图表制作教程

excel表格的图表制作教程

图表,表格,制作教程,电脑软件,excel,  Excel制作图表该如何制作呢?接下来是小编为大家带来的excel表格的图表制作教程,供大家参考。excel表格的图表制作教程:  图表制作步骤1:【新建】Excel文档图表制作步骤2:合并单元格图表制作步骤3:录入…