基于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 相关文章推荐
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 Javascript
Mint UI组件库CheckList使用及踩坑总结
Dec 20 Javascript
JS实现字体背景跑马灯
Jan 06 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
php绘制一个扇形的方法
2015/01/24 PHP
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
jQuery学习笔记 更改jQuery对象
2012/09/19 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
使用Python生成随机密码的示例分享
2016/02/18 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
通过python检测字符串的字母
2020/02/18 Python
Keras自定义IOU方式
2020/06/10 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
Python识别验证码的实现示例
2020/09/30 Python
用 python 进行微信好友信息分析
2020/11/28 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
地理科学专业毕业生求职信
2013/10/15 职场文书
办公室前台岗位职责范本
2013/12/10 职场文书
通信研究生自荐信
2014/02/01 职场文书
小学数学教研活动总结
2014/07/01 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书
2019年大学推荐信
2019/06/24 职场文书
MySQL七种JOIN类型小结
2021/10/24 MySQL