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 入门实例1
Jun 25 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
node.js入门教程
Jun 01 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
Antd中单个DatePicker限定时间输入范围操作
Oct 29 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 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
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
php session 写入数据库
2016/02/13 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
javascript globalStorage类代码
2009/06/04 Javascript
jquery提示 &quot;object expected&quot;的解决方法
2009/12/13 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
javascript相等运算符与等同运算符详细介绍
2013/11/09 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
如何运行Python程序的方法
2013/04/21 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
python对excel文档去重及求和的实例
2018/04/18 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
详解Python是如何实现issubclass的
2019/07/24 Python
Django框架 querySet功能解析
2019/09/04 Python
Python os模块常用方法和属性总结
2020/02/20 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
工作的心得体会
2013/12/31 职场文书
平面设计师岗位职责
2014/09/18 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
布达拉宫导游词
2015/02/02 职场文书
小升初自荐信范文
2015/03/05 职场文书