交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • JS实现数组删除指定元素功能示例

    本文实例讲述了JS实现数组删除指定元素功能。分享给大家供大家参考,具体如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.kunjuke.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>
    
    

    运行结果:

    感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.kunjuke.com/code/HtmlJsRun测试上述代码运行效果。

    更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

    希望本文所述对大家JavaScript程序设计有所帮助。

    您可能感兴趣的文章:

    • JavaScript中使用Substring删除字符串最后一个字符
    • javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
    • JavaScript怎样在删除前添加确认弹出框?
    • 初学node.js中实现删除用户路由
    • PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
    • 原生JS实现动态添加新元素、删除元素方法
    • JS删除String里某个字符的方法

    广而告之:
    热门推荐:
    第一次接触Bootstrap框架

    关于Bootstrap,话不多说,直接进入主题: 安装 可以通过bootstrap官方网站下载安装 可以通过Bower安装(关于bower一种包管理器,本文不做详解) bower install bootstrap 可以通过npm安装(关于npm可以阅读) npm install bootstrap 项目中引入Bootstrap <!DOCTYPE html···

    php中session

    php中session_id()函数原型及说明session_id()函数说明:stringsession_id([string$id])session_id() 可以用来获取/设置 当前会话 ID。为了能够将会话 ID 很方便的附加到 URL 之后, 你可以使用常量 SID 获取以字符串格... php中session_id()函数原型及说明 session_id()函数说···

    JQuery datepicker 使用方法

    官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/。 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker基本使用方法:复制代码 代码如下: <!DOCTYPE html> <htm···

    教你使用Canvas处理图片的方法

    Canvas,中文译为“画布”,HTML5中新增了<canvas>元素,可以结合JavaScript动态地在画布中绘制图形。 今天,我们不讲Canvas的图形绘制,而是讲如何对图片进行处理。 大概流程非常简单,主要分为以下三个步骤: 是的,就像把大象装进冰箱一样简单,哈哈。 一···

    angular2 NgModel模块的具体使用方法

    angular2 NgModel 模块 在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组件、指令、管道,并且可以将它们的访问权限声明为公有,以使外部模块的组件可以访问和使用到它们。我们···

    Linux/Ubuntu Git从安装到使用的方法步骤

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一.叙述 1.说明:需要在Windows 安装Git的同学,可以查看该篇博客 https://www.jb51.net/softjc/711624.html 相对Windows来说,Ubuntu安装使用Git就很简单了。 2.Git的两大特点 版本控制:可···

    php使用curl下载指定大小的文件实例代码

    php中使用基于libcurl的curl函数,可以对目标url发起http请求并获取返回的响应内容。通常的请求方式类似如下的代码: public function callFunction($url, $postData, $method, header='') { $maxRetryTimes = 3; $curl = curl_init(); /******初始化请求参数start*****···

    php中将一个对象保存到Session中的方法

    本文实例讲述了php中将一个对象保存到Session中的方法。分享给大家供大家参考。具体如下: 要保存对象到session其实很简单,我们可以使用session_register()函数,下面是使用范例 person_class.inc.php如下: <?php // //File: person_class.inc.php //Contains the c···

    PHP 正则表达式 推荐

    思维导图 点击下图,可以看具体内容! 介绍 正则表达式,大家在开发中应该是经常用到,现在很多开发语言都有正则表达式的应用,比如javascript,java,.net,php等等,我今天就把我对正则表达式的理解跟大家唠唠,不当之处,请多多指教! 需要知道的术语——下面的术语你···

    Angular2管道Pipe及自定义管道格式数据用法实例分析

    本文实例讲述了Angular2管道Pipe及自定义管道格式数据用法。分享给大家供大家参考,具体如下: 管道(Pipe)可以根据开发者的意愿将数据格式化,还可以多个管道串联。 纯管道(Pure Pipe)与非纯管道(Impure Pipe) 管道分纯管道(Pure Pipe)和非纯管道(Impure Pipe)。默认情况下,管···