基于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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
jquery 应用代码 方便的排序功能
Feb 06 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
jQuery新的事件绑定机制on()示例应用
Jul 18 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
php中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
php单例模式示例分享
2015/02/12 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
JavaScript 输入框内容格式验证代码
2010/02/11 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
Python内置函数locals和globals对比
2020/04/28 Python
python下载的库包存放路径
2020/07/27 Python
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
博士研究生自我鉴定范文
2013/12/04 职场文书
办公室岗位职责
2014/02/12 职场文书
白岩松演讲
2014/05/21 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
Mysql中有关Datetime和Timestamp的使用总结
2021/12/06 MySQL