JS实现数组删除指定元素功能示例


Posted in Javascript onJune 05, 2019

本文实例讲述了JS实现数组删除指定元素功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com JS数组删除指定元素</title>
</head>
<body>
<script>
  var array = ["111", "222", "333", "444", "555", "666"];
  var indexList = [0, 5, 6];
  var indexList1 = [5];
  Array.prototype.del = function(indexList) {
    function isValidate(number) {
      if(isNaN(number) && number > this.length) {
        return false;
      }
    }
    if(indexList instanceof Array) {
      indexList.sort(function(x, y) {
        if(x > y) {
          return 1;
        } else {
          return -1;
        }
      });
      var lastIndex = indexList[indexList.length - 1];
      isValidate(lastIndex);
      for(var i = 0; i < indexList.length; i++) {
        var n = i;
        if(n > 0) {
          indexList[i] = indexList[i] - n;
        }
        this.splice(indexList[i], 1);
        n++;
      }
    } else {
      isValidate(indexList);
      this.splice(indexList, 1);
    }
  }
  console.log("before delete: " + array);
  array.del(indexList1);
  console.log("after delete: " + array);
</script>
</body>
</html>

运行结果:

JS实现数组删除指定元素功能示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
微信小程序商城项目之购物数量加减(3)
Apr 17 Javascript
websocket+node.js实现实时聊天系统问题咨询
May 17 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
vue实现PC端录音功能的实例代码
Jun 05 #Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 #Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 #Javascript
js实现随机8位验证码
Jul 24 #Javascript
Vue中全局变量的定义和使用
Jun 05 #Javascript
详解express使用vue-router的history踩坑
Jun 05 #Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 #Javascript
You might like
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
jQuery get和post 方法传值注意事项
2009/11/03 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
微信小程序 弹框和模态框实现代码
2017/03/10 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
小程序实现投票进度条
2019/11/20 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
python创建子类的方法分析
2019/11/28 Python
Python单链表原理与实现方法详解
2020/02/22 Python
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
如何利用find命令查找文件
2015/02/07 面试题
函授大专自我鉴定
2013/11/01 职场文书
办公室主任岗位职责
2013/11/08 职场文书
求职简历推荐信范文
2013/12/02 职场文书
思想专业自荐信范文
2013/12/25 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
城南旧事电影观后感
2015/06/16 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis