VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • JS实现数组删除指定元素功能示例

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

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.jb51.net 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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

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

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

    您可能感兴趣的文章:

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

    广而告之:
    热门推荐:
    win10环境PHP 7 安装配置【教程】

    PHP 7出来好一段时间了,前些日子工作比较忙,没时间研究,现在有点时间了,公司里生产环境不能随便升级,家里自己的电脑还是可以装一下看看效果的。 下面简单说明一下PHP 7 + Apache 2.4的安装。 Apache 2.4 安装配置 安装 Apache 2.4,在官方网站上没有Windows下的编译版本···

    php实现网站插件机制的方法

    首先是插件的管理类的实现: 复制代码 代码如下:<? /** * STBLOG PluginManager Class * * 插件机制的实现核心类 * * @package STBLOG * @subpackage Libraries * @category Libraries * @author Saturn * @link http://www.cnsaturn.com/ */ class PluginManager { /···

    织梦模板给图集图片{dede:productimagelist}加自增函数的教程

    在图集内容页调用图集的时候,如果使用某些幻灯片特效或者jquery插件,难免会用到ID编号什么的,本教程将教会你如何给图集图片自动编号,也就是说,让{dede:productimagelist}标签支持自动编号,非常简单。 打开include/taglib/productimagelist.lib.php文件,找到···

    JavaScript转换数据库DateTime字段类型方法

    Javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 在1995年时,···

    Koa从零搭建到Api实现项目的搭建方法

    什么是Koa? Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数,Koa 帮你丢弃回调函数,并有力地增强错误处理。 Koa 并没有捆绑任何中间件, 而是提供了一套优···

    详解mpvue scroll-view自动回弹bug解决方案

    表现 设置了scroll-top的scroll-view组件,在组件所在vue实例data发生改变时会自动回弹到最上方 解决方案 打开 node_modules/mpvue/index.js, 在任意位置添加以下两个方法 function calcDiff(holder, key, newObj, oldObj) { if (newObj === oldObj || newObj === undefined)···

    phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法

    本文实例讲述了phplist及phpmailer通过gmail发送邮件的配置方法。分享给大家供大家参考,具体如下: 一般来说,只要你使用的不是gmail邮箱,那么利用phplist发送邮件只要按照前面《PHP的邮件群发系统phplist配置方法详细总结》配置就够了。但若你如同我一样不幸,必须使用gmail···

    如何在vue中使用ts的示例代码

    本文介绍了如何在vue中使用ts的示例代码,分享给大家,具体如下: 注意:此文并不是把vue改为全部替换为ts,而是可以在原来的项目中植入ts文件,目前只是实践阶段,向ts转化过程中的过渡。 ts有什么用? 类型检查、直接编译到原生js、引入新的语法糖 为什么用ts? TypeScript···

    webpack多入口文件页面打包配置详解

    大多数情况下,我们使用 webpack来打包单页应用程序,这个时候只需要配置一个入口,一个模板文件,但也不尽是如此,有时候也会碰到多页面的项目,而且以我的经验来看,这种情况出现的频率还不低,例如项目比较大,无法进行全局的把握,或者项目需要多次的更新迭代等,都适合做···

    php学习笔记(三)操作符与控制结构

    一.字符串插入 为了给开发人员处理字符串值提供最大的灵活性,PHP 为字面插入和内容插入提供了 一种方法。 双引号提供了最大的灵活性,原因是变量和转移序列都会得到相应的解析。 复制代码 代码如下:<?php $userName = "张三"; echo "His name is $userName "; echo ···