基于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 相关文章推荐
基于jquery的Repeater实现代码
Jul 17 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
关于js陀螺仪的理解分析
Apr 11 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 Javascript
JavaScript实现网页留言板功能
Nov 23 Javascript
实例代码详解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
正则表达式语法
2006/10/09 Javascript
收集的PHP中与数组相关的函数
2007/03/22 PHP
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
2011/01/23 Javascript
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
修改js confirm alert 提示框文字的简单实例
2016/06/10 Javascript
js 弹出虚拟键盘修改密码的简单实例
2016/10/10 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
Python实现自动发送邮件功能
2021/03/02 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
python 制作本地应用搜索工具
2021/02/27 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
CAD制图人员的自荐信
2014/02/07 职场文书
护士自我鉴定怎么写
2014/02/07 职场文书
《陶罐和铁罐》教学反思
2014/02/19 职场文书
共青团员自我评价范文
2014/09/14 职场文书
党员证明模板
2015/06/19 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
mysql sock 文件解析及作用讲解
2022/07/15 MySQL