基于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 相关文章推荐
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
怎么清空javascript数组
May 11 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
浅谈js中对象的使用
Aug 11 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
JavaScript动态生成表格的示例
Nov 02 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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
php中$this-&amp;gt;含义分析
2009/11/29 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
JavaScript实现二维坐标点排序效果
2017/07/18 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
python如何通过protobuf实现rpc
2016/03/06 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
Python中正则表达式的用法总结
2019/02/22 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
python+Selenium自动化测试——输入,点击操作
2020/03/06 Python
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
《从现在开始》教学反思
2014/04/15 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
归元寺导游词
2015/02/06 职场文书
退货证明模板
2015/06/23 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
css样式important规则的正确使用方式
2022/06/10 HTML / CSS