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 相关文章推荐
JS Array对象入门分析
Oct 30 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
jQuery实现返回顶部效果的方法
May 29 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 Javascript
AngularJS手动表单验证
Feb 01 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
Javascript实现跨域后台设置拦截的方法详解
Aug 04 Javascript
elementUI多选框反选的实现代码
Apr 03 Javascript
js实现点赞效果
Mar 16 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
无限级别菜单的实现
2006/10/09 PHP
开发大型 PHP 项目的方法
2007/01/02 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php计算函数执行时间的方法
2015/03/20 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
php实现微信发红包
2015/12/05 PHP
Laravel框架控制器,视图及模型操作图文详解
2019/12/04 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
AngularJS实现表单验证功能
2017/01/09 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
Python 内置函数complex详解
2016/10/23 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
python版本的仿windows计划任务工具
2018/04/30 Python
Python 实现自动导入缺失的库
2019/10/29 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
Shein英国:女性时尚网上商店
2019/04/10 全球购物
临床医师专业个人自我评价范文
2013/11/07 职场文书
经理秘书找工作求职信
2013/12/19 职场文书
大学生求职自我评价
2014/01/16 职场文书
手机促销活动方案
2014/02/05 职场文书
售后客服工作职责
2014/06/16 职场文书
小学老师对学生的评语
2014/12/29 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫