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 相关文章推荐
收集的网上用的ajax之chat.js文件
Apr 08 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
JS数组的赋值介绍
Mar 10 Javascript
详解AngularJS控制器的使用
Mar 09 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
JavaScript中String对象的方法介绍
Jan 04 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
JS实现网站吸顶条
Jan 08 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
动态加载JS文件的三种方法
2013/11/08 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
js HTML5上传示例代码完整版
2016/10/10 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
React组件重构之嵌套+继承及高阶组件详解
2018/07/19 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
2019/05/14 jQuery
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
python爬虫常用的模块分析
2014/08/29 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python多线程和队列操作实例
2015/06/21 Python
Python虚拟环境项目实例
2017/11/20 Python
python构建深度神经网络(续)
2018/03/10 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
美德少年事迹材料
2014/01/23 职场文书
医学生个人求职信范文
2014/02/07 职场文书
销售会计岗位职责
2014/03/15 职场文书
学生不参加考试检讨书
2015/02/19 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
运动会100米加油稿
2015/07/21 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
详解Python中下划线的5种含义
2021/07/15 Python
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS