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 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
JS自调用匿名函数具体实现
Feb 11 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
JavaScript This指向问题详解
Nov 25 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安装全攻略:APACHE
2006/10/09 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
js实现随机抽奖
2020/03/19 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
python引用DLL文件的方法
2015/05/11 Python
Python线程指南详细介绍
2017/01/05 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
python 实现波浪滤镜特效
2020/12/02 Python
高中毕业自我鉴定
2013/12/22 职场文书
小区门卫管理制度
2014/01/29 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
实践单位评语
2014/04/26 职场文书
廉洁校园实施方案
2014/05/25 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
经理岗位职责范本
2015/04/15 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
七年级思品教学反思
2016/02/20 职场文书
python全面解析接口返回数据
2022/02/12 Python
python中urllib包的网络请求教程
2022/04/19 Python