基于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计算器实现了连续计算功能
Jul 21 Javascript
举例简介AngularJS的内部语言环境
Jun 17 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
vue实现通讯录功能
Jul 14 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 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屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
php curl模拟post提交数据示例
2013/12/31 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
javascript实现动态标签云
2015/10/16 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
Three.js基础学习之场景对象
2017/09/27 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
JS 自执行函数原理及用法
2019/08/05 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
Python创建xml的方法
2015/03/10 Python
python动态性强类型用法实例
2015/05/09 Python
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
python命令行工具Click快速掌握
2019/07/04 Python
Python使用百度翻译开发平台实现英文翻译为中文功能示例
2019/08/08 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
李宁官方网店:中国运动品牌
2017/11/02 全球购物
有趣的流行文化T恤、马克杯、手机壳和更多:Look Human
2019/01/07 全球购物
活动策划邀请函
2014/02/06 职场文书
五一促销活动总结
2014/07/01 职场文书
2014年最新学校运动会广播稿
2014/09/17 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
走近毛泽东观后感
2015/06/04 职场文书
Python学习开发之图形用户界面详解
2021/08/23 Python
优化Mysql查询的示例
2022/04/26 MySQL