<!DOCTYPE html>

<html lang="zh">

    <head>

        <meta charset="UTF-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <meta http-equiv="X-UA-Compatible" content="ie=edge" />

        <title>JavaScript 数组去重 面试题</title>

    </head>

    <body>

        <script type="text/javascript">

            var arr = [1, 2, 3, 4, 1, 2, 5];

            //方法一：ES6 set

            var newArr = [...(new Set(arr))];

            console.log(newArr);

            //方法二：

            function dicArr(arr) {

                var newArr = [];

                for(var i = 0, len = arr.length; i < len; i++) {

                    if(newArr.indexOf(arr[i]) == -1) {

                        newArr.push(arr[i]);

                    }

                }

                return newArr;

            }

            console.log(dicArr(arr));

            //方法三

            function dicArr2(arr) {

                var newArr = [],

                    obj = {};

                for(var i = 0, len = arr.length; i < len; i++) {

                    if(!obj[arr[i]]) {

                        obj[arr[i]] = 1;

                        newArr.push(arr[i]);

                    }

                }

                return newArr;

            }

            console.log(dicArr2(arr));

            //方法四

            function dicArr3(arr) {

                for(var i = 0, len = arr.length; i < len; i++) {

                    for(var j = i + 1; j < len; j++) {

                        if(arr[i] == arr[j]) {

                            arr.splice(j, 1);

                            len--;

                            j--;

                        }

                    }

                }

                return arr;

            }

            console.log(dicArr3(arr));

            //方法五 说明使用map，filter，forEach都行

            function dicArr4(arr) {

                var newArr = [];

                //              arr.forEach(function(value,key,arr){

                //                  var flag = arr.indexOf(value,key+1);

                //                  if(flag == -1){

                //                      newArr.push(value);

                //                  }

                //              });

                //              arr.map(function(value, key, arr) {

                //                  var flag = arr.indexOf(value, key + 1);

                //                  if(flag == -1) {

                //                      newArr.push(value);

                //                  }

                //              });

                arr.filter(function(value, key, arr) {

                    var flag = arr.indexOf(value, key + 1);

                    if(flag == -1) {

                        newArr.push(value);

                    }

                });

                return newArr;

            }

            console.log(dicArr4(arr));

        </script>

    </body>

</html>

上述一共实现五种数组去重方法。

JavaScript 数组去重 方法汇总的更多相关文章

  1. JavaScript数组去重方法汇总

    1.运用数组的特性 1.遍历数组,也遍历辅助数组,找出两个数组中是否有相同的项,若有则break,没有的话就push进去. //第一版本数组去重 function unique(arr){ var r ...

  2. JavaScript数组去重方法及测试结果

    最近看到一些人的去面试web前端,都说碰到过问JavaScript数组去重的问题,我也学习了一下做下总结. 实际上最有代表性也就三种方法:数组双重循环,对象哈希,排序后去重. 这三种方法我都做了性能测 ...

  3. JavaScript 数组去重方法总结

    1.遍历数组法: 这应该是最简单的去重方法(实现思路:新建一新数组,遍历数组,值不在新数组就加入该新数组中) // 遍历数组去重法 function unique(arr){ var _arr = [ ...

  4. javaScript数组去重方法

    在JAvascript平时项目开发中经常会用到数组去重的操作.这时候就要用到JS数组去重的方法了. demo1: 第一种:JS数组去重操作方法是利用遍历原数组,利用数组的indexOf()方法来来判断 ...

  5. js 数组去重方法汇总

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  6. JavaScript 数组(Array)方法汇总

    数组(Array)常用方法; 数组常用的方法:concat(),every(), filter(), forEach(),  indexOf(), join(), lastIndexOf(), map ...

  7. JavaScript数组去重方法总结

    一.双重遍历去重 function onlyFigure(arr) { let newarr = []; const length = arr.length for (let i = 0; i < ...

  8. JavaScript实现数组去重方法

    一.利用ES6 Set去重(ES6中最常用) function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'tru ...

  9. JavaScript数组去重的几种方法

    这个老问题,网上普遍都有了,为什么要再写一遍呢,主要是为了记个笔记... 遍历时搜索结果数组 思路很明确,如下 新建一个数组存放结果 循环遍历原数组,对于每一个元素,在结果数组中搜索是否存在 若不存在 ...

随机推荐

  1. 理想中的SQL语句条件拼接方式

    背景 Orm用过一些,但处理增删改上面做的都不错.但是查询上跟我想要的效果总是差了一点.我想要的效果则是这样,基于某种命名规则进行传参,后台解析器知道命名规则即可知道它要查询什么样的数据. 谈谈我之前 ...

  2. 跳石头（NOIP2015) (二分查找)

    原题传送门 好久没更了..昨天去学zkw线段树,被zxyer狠狠地D了一顿.. 来补坑.. 这是一道很奇特的题目. 根据题目可以看出这道题有二分题具有的性质.. 不懂二分性质的可以看我以前的博客 传送 ...

  3. 杭电oj2072

    因为一直不能ac先发这里,希望有看到的大佬能指点一二. 先讲一下我的基本思路,首先将一整行数据保存在数组中,接着遍历数组,根据空格将每个单词存入二维数组中,最后遍历二维数组,找出其中不同的单词并计数. ...

  4. VirtualBox虚拟机安装CentOS 7

    新建虚拟机 因为比较简单,所以对于VirtualBox就不做过多介绍了,直接下载安装即可,安装好之后打开Oracle VM VirtualBox管理器,点击新建,选择Red Hat(根据windows ...

  5. PHP使用GOEASY实现WEB实时推送

    /** * 订单提醒 */ public function sendOrderNotice(){ //请求地址 $uri = "http://goeasy.io/goeasy/publish ...

  6. Visual Studio跨平台开发(4)：Xamarin Android控制项介绍

    前言 不同于iOS, Xamarin 在Visual Studio中针对Android, 可以直接设计使用者界面. 在本篇教学文章中, 笔者会针对Android的专案目录结构以及基本控制项进行介绍, ...

  7. ./configure时候遇到的问题 Cannot find install-sh, install.sh, or shtool in ac-aux

    https://blog.csdn.net/anloan/article/details/17268997

  8. spark-reduceByKey算子

  9. SQL常用语句|创建表,设置主键......

    新建表 create table [表名]([自动编号字段] int IDENTITY (1,1) PRIMARY KEY ,[字段1] nVarChar(50) default \'默认值\' nu ...

  10. 关于UIWebView设置高度自适应的问题

    - (void)viewDidLoad { [super viewDidLoad]; _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMa ...