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 相关文章推荐
JavaScript 特殊字符
Apr 05 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
详解jquery中$.ajax方法提交表单
Nov 03 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
Vue CL3 配置路径别名详解
May 30 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
node静态服务器实现静态读取文件或文件夹
Dec 03 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
php下将多个数组合并成一个数组的方法与实例代码
2011/02/03 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
在Python的Django框架中使用通用视图的方法
2015/07/21 Python
python用户管理系统
2018/03/13 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
通信工程专业女生个人求职信
2013/09/21 职场文书
自我评价范文
2013/12/22 职场文书
物业门卫岗位职责
2013/12/28 职场文书
餐饮业创业计划书范文
2014/01/06 职场文书
会议邀请函范文
2014/01/09 职场文书
地理教师岗位职责
2014/03/16 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS