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读取中文COOKIE的解决办法
Feb 15 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
Jul 04 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
Vue中的组件及路由使用实例代码详解
May 22 Javascript
公众号SVG动画交互实战代码
May 31 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 高性能书写
2010/12/11 PHP
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
PHP常用的三种设计模式
2017/02/17 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
jquery按回车键实现表单提交的简单实例
2016/05/25 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
Vue如何引入远程JS文件
2017/04/20 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
python从入门到精通(DAY 1)
2015/12/20 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
python编写一个会算账的脚本的示例代码
2020/06/02 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
CSS3中使用RGBa来调节透明度的教程
2016/05/09 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
公司总经理工作职责管理办法
2014/02/28 职场文书
愚人节活动策划方案
2014/03/11 职场文书
员工工作表现评语
2014/04/26 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
python语言中pandas字符串分割str.split()函数
2022/08/05 Python