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 相关文章推荐
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
Nov 30 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 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
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
杏林同学录(一)
2006/10/09 PHP
php时间戳格式化显示友好的时间函数分享
2014/10/21 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
DOM精简教程
2006/10/03 Javascript
javascript里的条件判断
2007/02/27 Javascript
学习ExtJS border布局
2009/10/08 Javascript
理解Javascript_05_原型继承原理
2010/10/13 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中的元类编程入门指引
2015/04/15 Python
python中的字符串内部换行方法
2018/07/19 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
如何查找网页漏洞
2016/06/22 面试题
护理自荐信范文
2013/10/05 职场文书
代办委托书怎样写
2014/04/08 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
党员民主评议总结
2014/10/20 职场文书
安全责任协议书范本
2016/03/23 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书
HAM-2000摩机图
2021/04/22 无线电
python playwright之元素定位示例详解
2022/07/23 Python