基于JavaScript实现移除(删除)数组中指定元素


Posted in Javascript onJanuary 04, 2016

在Array对象中有给定的函数可以删除数组中指定的元素,虽然非常好用,但是总感觉看不到摸不着的比较别扭,下面就分享一个自定义的删除数组指定索引值元素的函数,希望给大家一个全新的思路。

代码实例如下:

var array=[]; 
array[0]="三水点靠木一"; 
array[1]="三水点靠木二"; 
array[2]="三水点靠木三"; 
array[3]="三水点靠木四"; 
array[4]="三水点靠木五"; 
function remove(array,index)
{ 
 if(index<=(array.length-1))
 { 
  for(var i=index;i<array.length;i++)
  { 
   array[i]=array[i+1]; 
  } 
 }
 else
 { 
  throw new Error('超出最大索引!'); 
 } 
 array.length=array.length-1; 
 return array; 
} 
document.write(remove(array,2));

以上代码中,声明一个remove()函数,此函数具有两个参数,第一个参数是数组对象,第二个参数是要删除数组元素的索引值,所以上面的代码能够删除数组中的第三个元素,并输出删除元素户的数组。实现的原理也非常的简单,做一下简单的介绍:

remove()函数首先判断传入的索引值是否大约数组的最大索引值array.length-1,如果大于则抛出错误,否则的话则将使用for循环从索引值i开始进行遍历,将索引值为i的数组值设置为低i+1项的,依次类推,原理大体如此,如有任何问题可以跟帖留言。

ps:js删除数组指定元素

var a = new Array("a","b","cc","d3");
//删除a数组的cc元素
//jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。
该函数属于全局jQuery对象。 jquery 1.2中添加的该静态方法
var index = $.inArray("cc",a);
if(index>=0){
//arrayObject.splice(index,howmany,item1,.....,itemX)
//参数  描述
//index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
//howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
//item1, ..., itemX 可选。向数组添加的新项目。
 a.splice(index,1);
 alert(a.toString());
}else{
 alert("error");
 return false;
}
Javascript 相关文章推荐
Mootools 1.2教程 正则表达式
Sep 15 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
javascript特殊文本输入框网页特效
Sep 13 Javascript
JavaScript基于对象去除数组重复项的方法
Oct 09 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
p5.js绘制创意自画像
Nov 04 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 #Javascript
javascript基础语法学习笔记
Jan 04 #Javascript
封装好的javascript前端分页插件pagination
Jan 04 #Javascript
详解javascript的变量与标识符
Jan 04 #Javascript
bootstrap实现弹窗和拖动效果
Jan 03 #Javascript
基于javascript实现窗口抖动效果
Jan 03 #Javascript
理解jquery事件冒泡
Jan 03 #Javascript
You might like
zend framework多模块多布局配置
2011/02/26 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
range 标准化之获取
2011/08/28 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
jQuery图片加载失败替换默认图片方法汇总
2017/11/29 jQuery
js中DOM事件绑定分析
2018/03/18 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python生成器以及应用实例解析
2018/02/08 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
Python-接口开发入门解析
2019/08/01 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
优秀高中生事迹材料
2014/02/11 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
Python几种酷炫的进度条的方式
2022/04/11 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技