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 相关文章推荐
jQuery中on()方法用法实例详解
Feb 06 Javascript
angular.bind使用心得
Oct 26 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
vue实现选项卡及选项卡切换效果
Apr 24 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
你准备好迎接vue3.0了吗
Apr 28 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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和MySQL保存和输出图片
2006/10/09 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
php字符串截取的简单方法
2013/07/04 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
简单通用的JS滑动门代码
2008/12/19 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
[00:36]DOTA2上海特级锦标赛 LGD战队宣传片
2016/03/04 DOTA
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
十个Python程序员易犯的错误
2015/12/15 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
自我评价格式
2014/01/06 职场文书
酒店前厅员工辞职信
2014/01/08 职场文书
2014年就业工作总结
2014/11/26 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
法制工作总结2015
2015/07/23 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS