基于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 各种浏览器下获得日期区别
Dec 22 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
Feb 03 Javascript
JS按字节截取字符长度实例
Nov 20 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 Javascript
浅谈jquery中next与siblings的区别
Oct 27 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 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
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
yii2 页面底部加载css和js的技巧
2016/04/21 PHP
php 如何获取文件的后缀名
2016/06/05 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
JavaScript代码复用模式实例分析
2012/12/02 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
基于JavaScript实现猜数字游戏代码实例
2020/07/30 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
使用grappelli为django admin后台添加模板
2014/11/18 Python
python执行子进程实现进程间通信的方法
2015/06/02 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python自定义类的数组排序实现代码
2016/08/28 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
python实现连连看游戏
2020/02/14 Python
Python实现疫情地图可视化
2021/02/05 Python
HTML5图片预览实例分享
2014/06/04 HTML / CSS
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
区域总监的岗位职责
2013/11/21 职场文书
新闻编辑求职信
2014/07/13 职场文书
社会实践活动总结
2015/02/05 职场文书
研究生个人学年总结
2015/02/14 职场文书
药店营业员岗位职责
2015/04/14 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
2019已经过半,你知道年中工作总结该怎么写吗?
2019/07/03 职场文书