基于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文件的两种方法
Apr 22 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
js字符串操作总结(必看篇)
Nov 22 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
JS出现404错误原理及解决方案
Jul 01 Javascript
js编写简易的计算器
Jul 29 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 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 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
JavaScript 乱码问题
2009/08/06 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
JavaScript window.location对象
2014/11/14 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
2016/10/28 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
react.js CMS 删除功能的实现方法
2017/04/17 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
详解python 发送邮件实例代码
2016/12/22 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
Python如何对齐字符串
2020/07/30 Python
python 利用openpyxl读取Excel表格中指定的行或列教程
2021/02/06 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
"引用"与多态的关系
2013/02/01 面试题
应届生幼儿园求职信
2013/11/12 职场文书
机关出纳岗位职责
2014/04/03 职场文书
租赁协议书范本
2014/04/22 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
爱之链教学反思
2014/04/30 职场文书
需求分析说明书
2014/05/09 职场文书
护士实习求职信
2014/06/22 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
销售人员管理制度
2015/08/06 职场文书