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 相关文章推荐
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
JsRender实用入门教程
Oct 31 Javascript
js实现点击向下展开的下拉菜单效果代码
Sep 01 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 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
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
php IP转换整形(ip2long)的详解
2013/06/06 PHP
PHP数组相关函数汇总
2015/03/24 PHP
php文件缓存方法总结
2016/03/16 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
JS实现点击链接取消跳转效果的方法
2014/01/24 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
javaScript动态添加Li元素的实例
2018/02/24 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
python发送HTTP请求的方法小结
2015/07/08 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
python requests 库请求带有文件参数的接口实例
2019/01/03 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
高中生职业生涯规划书
2014/02/24 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
辩论赛主持词
2014/03/18 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
行政诉讼答辩状
2015/05/21 职场文书
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL
你知道Java Spring的两种事务吗
2022/03/16 Java/Android