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 相关文章推荐
javascript编程起步(第二课)
Jan 10 Javascript
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
Oct 20 Javascript
javascript奇异的arguments分析
Oct 20 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
js自定义回调函数
Dec 13 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
js如何获取图片url的Blob值并预览示例代码
Mar 07 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 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学习之PHP变量
2006/10/09 PHP
PHP通用检测函数集合
2006/11/25 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
PHP代码优化之成员变量获取速度对比
2014/02/28 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
js截取函数(indexOf,join等)
2010/09/01 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
页面右下角弹出提示框示例代码js版
2013/08/02 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
jqTransform美化表单
2015/10/10 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
2016/05/17 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
Python常见数据结构详解
2014/07/24 Python
python从入门到精通(DAY 1)
2015/12/20 Python
Python网络编程 Python套接字编程
2017/09/13 Python
用python实现对比两张图片的不同
2018/02/05 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
佳能英国官方网站:Canon UK
2017/08/08 全球购物
爱国主义演讲稿
2014/05/07 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
优秀志愿者感言
2015/08/01 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android