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中的稀疏数组与密集数组[译]
Sep 17 Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
jQuery自动添加表单项的方法
Jul 13 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 Javascript
Vue中computed及watch区别实例解析
Aug 01 Javascript
js判断两个数组相等的5种方法
May 06 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重定向的3种方式
2013/03/07 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
js常见遍历操作小结
2019/06/06 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python实现人民币大写转换
2018/06/20 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
python3 kubernetes api的使用示例
2021/01/12 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
中国文明网签名寄语
2014/01/18 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
中国梦读书活动总结
2014/07/10 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
小学生暑假安全公约
2015/07/14 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js
Mysql开启外网访问
2022/05/15 MySQL