Javascript删除数组里的某个元素


Posted in Javascript onFebruary 28, 2019

删除数组中的某个元素,首先需要确定需要删除元素的索引值。

var arr=[1,5,6,12,453,324];
function indexOf(val){
 for(var i = 0; i < arr.length; i++){
  if(arr[i] == val){return i;}
 }
 return -1;
}

找到相对应的索引值后,根据索引值删除数组中该元素对应的值

function remove(val){
 var index = indexOf(val);
 if(index > -1){arr.splice(index,1);}
}

验证下,是否成功

remove(1);//测试OK。

需要将封装为数组原始的方法,以便以后需要使用

Array.prototype.indexOf = function (val) {
 for(var i = 0; i < this.length; i++){
  if(this[i] == val){return i;}
 }
 return -1;
}
Array.prototype.remove = function (val) {
 var index = this.indexOf(val);
 if(index > -1){this.splice(index,1);}
}
var temp = [1,5,6,12,453,324];
temp.remove(12);//测试OK

当然根据数组的splice()方法:向/从数组中添加/删除项目,然后返回被删除的项目。可以实现替换数组中的某个值。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
在JavaScript中实现命名空间
Nov 23 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
Oct 26 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
vue强制刷新组件的方法示例
Feb 28 #Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 #Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 #jQuery
Vue多组件仓库开发与发布详解
Feb 28 #Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 #Javascript
vue-cli3+typescript初体验小结
Feb 28 #Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 #Javascript
You might like
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
javascript 写类方式之九
2009/07/05 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
node.js下when.js 的异步编程实践
2014/12/03 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
JavaScript Split()方法
2015/12/18 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
JavaScript实现联动菜单特效
2020/01/07 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
Python 创建子进程模块subprocess详解
2015/04/08 Python
详解Python中for循环的使用
2015/04/14 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
实习医生自我评价
2013/09/22 职场文书
历史学专业毕业生求职信
2013/09/27 职场文书
体育教师自我鉴定
2014/02/12 职场文书
财务科科长岗位职责
2014/03/10 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
礼仪培训心得体会
2016/01/22 职场文书
汉语拼音教学反思
2016/02/22 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP