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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
slice函数的用法 之不错的应用
Dec 29 Javascript
实现连缀调用的map方法(prototype)
Aug 05 Javascript
轻量级 JS ToolTip提示效果
Jul 20 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 Javascript
js登录弹出层特效
Mar 07 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
jquery实现网页定位导航
Aug 23 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
js定时器出现第一次延迟的原因及解决方法
Jan 04 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
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
小程序实现搜索框
2020/06/19 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
python 除法保留两位小数点的方法
2018/07/16 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
通过python爬虫赚钱的方法
2019/01/29 Python
python自动点赞功能的实现思路
2020/02/26 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
html5的canvas方法使用指南
2014/12/15 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
法学专业应届生求职信
2013/10/16 职场文书
人事专员的岗位职责
2014/03/01 职场文书
先进党员事迹材料
2014/12/24 职场文书
2015年售票员工作总结
2015/04/29 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python
深入理解 Golang 的字符串
2022/05/04 Golang