基于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判断IE6/IE7/FF的代码[XMLHttpRequest]
Feb 16 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
canvas轨迹回放功能实现
Dec 20 Javascript
js中switch语句的学习笔记
Mar 25 Javascript
小程序富文本提取图片可放大缩小
May 26 Javascript
JavaScript实现alert弹框效果
Nov 19 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
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
5种PHP创建数组的实例代码分享
2014/01/17 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
php实现数据库的增删改查
2017/02/26 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
JavaScript运算符小结
2015/06/03 Javascript
简介JavaScript中的push()方法的使用
2015/06/09 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
js读取本地文件的实例
2017/12/22 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
利用python程序帮大家清理windows垃圾
2017/01/15 Python
基于python中的TCP及UDP(详解)
2017/11/06 Python
python解决字符串倒序输出的问题
2018/06/25 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
我的动漫时代的创业计划书范文
2014/01/27 职场文书
校园新闻稿范文
2015/07/18 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书