基于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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
Jan 08 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
原生js实现日期选择插件
May 21 Javascript
vue实现抽屉弹窗效果
Nov 15 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
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
2020/11/04 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
跟老齐学Python之一个免费的实验室
2014/09/14 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
Linux下多个Python版本安装教程
2018/08/15 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
学习和使用python的13个理由
2019/07/30 Python
python创建学生成绩管理系统
2019/11/22 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
基于python检查矩阵计算结果
2020/05/21 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
什么是接口(Interface)?
2013/02/01 面试题
室内趣味活动方案
2014/08/24 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
100句人生哲理语录集锦:强者征服今天,懒汉坐等明天
2019/10/18 职场文书
详解Vue的options
2021/05/15 Vue.js
纯html+css实现打字效果
2021/08/02 HTML / CSS