JavaScript使用indexOf()实现数组去重的方法分析


Posted in Javascript onSeptember 04, 2018

本文实例讲述了JavaScript使用indexOf()实现数组去重的方法。分享给大家供大家参考,具体如下:

数组去重方法有多中,这里列举出自己认为比较容易理解的方法.

思路:

  • 1. 创建一个新的空数组,用来存放去重后的新数组.
  • 2. 利用for循环循环遍历需要去重的数组.
  • 3. 利用indexOf()方法查询遍历出的数组在新数组中是否出现,如果出现:则继续遍历数组,如未出现:则利用push方法添加到新数组中.
  • 4. 原数组循环遍历完成后,组建一个已经去除重复的新数组.
<script>
  var arr = [1,3,4,5,6,7,4,3,2,4,5,6,7,3,2];
  function find(){
    var newArr = [];
    for (var i = 0; i < arr.length; i++) {
      if (newArr.indexOf(arr[i]) == -1 ) {
        newArr.push(arr[i]);
      }
    }
    document.write(newArr);
  }
  find(arr);
</script>

这里使用在线HTML/CSS/JavaScript代码运行工具http://tools.3water.com/code/HtmlJsRun测试运行结果如下:

JavaScript使用indexOf()实现数组去重的方法分析

补充:indexOf() 方法返回值:

  • 如果检索的结果没有匹配值,则返回 -1.
  • 如果检索的结果匹配到,则返回 1.
Javascript 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
html 锁定页面(js遮罩层弹出div效果)
Oct 27 Javascript
网页禁用右键实现代码(JavaScript代码)
Oct 29 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
Oct 27 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
Vue快速实现通用表单验证功能
Dec 05 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 #Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 #Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 #Javascript
mpvue写一个CPASS小程序的示例
Sep 04 #Javascript
Vue表单及表单绑定方法
Sep 04 #Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 #Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 #jQuery
You might like
php读取xml实例代码
2010/01/28 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
2012/01/12 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
python超时重新请求解决方案
2019/10/21 Python
python反转列表的三种方式解析
2019/11/08 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
卫校中专生的自我评价
2014/01/15 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
员工规章制度范本
2015/08/07 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
python 制作一个gui界面的翻译工具
2021/05/14 Python
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android