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 chili图片远处放大插件
Nov 30 Javascript
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
JS中showModalDialog 的使用解析
Apr 17 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
微信小程序吸底区域适配iPhoneX的实现
Apr 09 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
在IIS上安装PHP4.0正式版
2006/10/09 PHP
php下MYSQL limit的优化
2008/01/10 PHP
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
2017/05/10 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
2019/02/15 jQuery
跟老齐学Python之玩转字符串(3)
2014/09/14 Python
python自动格式化json文件的方法
2015/03/11 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
python skimage 连通性区域检测方法
2018/06/21 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
UNIX文件系统分类
2014/11/11 面试题
创建无烟单位实施方案
2014/03/29 职场文书
百日安全生产活动总结
2014/07/05 职场文书
高三英语教学计划
2015/01/23 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS