基于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 相关文章推荐
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
javascript中的作用域scope介绍
Dec 28 Javascript
基于jQuery的360图片展示实现代码
Jun 14 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 Javascript
vue中实现弹出层动画效果的示例代码
Sep 25 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实现只保留mysql中最新1000条记录
2015/06/18 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
用Django写天气预报查询网站
2018/10/21 Python
浅析Python 引号、注释、字符串
2019/07/25 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
Python实现aes加密解密多种方法解析
2020/05/15 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
上海天奕面试题笔试题
2015/04/19 面试题
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
幼儿园园长岗位职责
2013/11/26 职场文书
《胖乎乎的小手》教学反思
2014/02/26 职场文书
初三新学期计划书
2014/05/03 职场文书
交通安全横幅标语
2014/10/07 职场文书
三峡导游词
2015/01/31 职场文书
个人党性锻炼总结
2015/03/05 职场文书
归途列车观后感
2015/06/17 职场文书
创业计划书之书店
2019/09/10 职场文书
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android