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 相关文章推荐
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
7个jQuery最佳实践
Jan 12 Javascript
JavaScript代码调试方法实例小结
Jan 05 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 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
php在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
python做反被爬保护的方法
2019/07/01 Python
对python中的装包与解包实例详解
2019/08/24 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
高校十八大报告感想
2014/01/27 职场文书
小学生环保演讲稿
2014/04/25 职场文书
环保志愿者活动总结
2014/06/27 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL