<!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. 小知识：SPI四种模式区别【转】

    转自:http://home.eeworld.com.cn/my/space-uid-80086-blogid-119198.html spi四种模式SPI的相位(CPHA)和极性(CPOL)分别可以 ...

  2. C语言字节对齐问题详解【转】

    引言 转自:http://www.cnblogs.com/clover-toeic/p/3853132.html 考虑下面的结构体定义: 1 typedef struct{ 2 char c1; 3 ...

  3. 解决/usr/lib/libstdc++.so.6: version `GLIBCXX_3.4.17' not found问题

    在项目中使用第三方动态库时,出现异常:/usr/lib64/libstdc++.so.6: version `GLIBCXX_3.4.17' not found 查看系统库时,发现确实没有对应的版本: ...

  4. ReportView控件的使用

    ReportView控件的使用Posted on 2012-01-06 17:02 随遇 阅读(3006) 评论(0)  编辑 收藏 最近使用了ReportView控件绑定数据,总结下: 1.在设计器 ...

  5. (5)java基础知识2

    一.方法 方法相当于功能的实现. public   static   int          max    (int num1, int num2)   {....................} ...

  6. SpringBoot事物管理器

    一.springboot整合事物管理 springboot默认集成事物,只主要在方法上加上@Transactional即可 二.SpringBoot分布式事物管理 使用springboot+jta+a ...

  7. 状压DP【p1879】[USACO06NOV]玉米田Corn Fields

    Description 农场主John新买了一块长方形的新牧场,这块牧场被划分成M行N列(1 ≤ M ≤ 12; 1 ≤ N ≤ 12),每一格都是一块正方形的土地.John打算在牧场上的某几格里种上 ...

  8. 洛谷——P3395 路障

    P3395 路障 题目背景 此题约为NOIP提高组Day1T1难度. 题目描述 B君站在一个n*n的棋盘上.最开始,B君站在(1,1)这个点,他要走到(n,n)这个点. B君每秒可以向上下左右的某个方 ...

  9. web通信 长连接、长轮询

    http://www.cnblogs.com/hoojo/p/longPolling_comet_jquery_iframe_ajax.html

  10. Bean装配--xml

    1,bean package com.songyan.zhangpei; import java.util.ArrayList; import com.sun.xml.internal.bind.v2 ...