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的面向对象的特性实现限制试用期
Aug 04 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
Oct 18 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
javascript获取web应用根目录的方法
Feb 12 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 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
雄兵连:天使彦天使彦为爱折翼,彦和炙心同时念动的誓言!
2020/03/02 国漫
PHP脚本的10个技巧(4)
2006/10/09 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
极简主义法编写JavaScript类
2017/11/02 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
python简单判断序列是否为空的方法
2015/06/30 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
希腊香水和化妆品购物网站:Parfimo.gr
2019/10/03 全球购物
HR喜欢的自荐信格式
2013/10/08 职场文书
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
30年同学聚会感言
2014/01/30 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
应届毕业生求职信范文
2014/07/07 职场文书
青年标兵事迹材料
2014/08/16 职场文书
校园广播稿100字
2014/10/06 职场文书
交通事故死亡赔偿协议书
2014/12/03 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
佛光寺导游词
2015/02/10 职场文书
试用期自我评价范文
2015/03/10 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
Python实现为PDF去除水印的示例代码
2022/04/03 Python