<!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. 【linux高级程序设计】（第十二章）Linux多线程编程 4

    读写锁 书上有读者写者的代码,我实在是懒得实现一遍了.跟之前的代码差不多. 多线程异步信号处理 int pthread_kill (pthread_t __threadid, int __signo) ...

  2. Appium+python自动化3-启动淘宝app【转载】

    前言 前面两篇环境已经搭建好了,接下来就是需要启动APP,如何启动app呢?首先要获取包名,然后获取launcherActivity.获取这两个关键东西的方法很多,这里就不一一多说,小伙伴们可以各显神 ...

  3. 微信小程序 使用swiper制作一个滑动导航

    最近在做一个导航的时候,发现使用overflow-x: auto来做多内容滑动导航效果很不好,思索是不是可以使用swiper来做一个,研究了下其实发现原理基本相同 这里说下,要用swiper做导航菜单 ...

  4. 洛谷 P1060 开心的金明【DP/01背包】

    题目描述 金明今天很开心,家里购置的新房就要领钥匙了,新房里有一间他自己专用的很宽敞的房间.更让他高兴的是,妈妈昨天对他说:"你的房间需要购买哪些物品,怎么布置,你说了算,只要不超过N元钱就 ...

  5. Python的程序结构[4] -> 函数/Function[1] -> 内建函数

    内建函数 / Built-in Function or Method Python中有许多的内建函数(查看内建模块部分),此处将对内建函数进行介绍 内建函数 ord / built-in functi ...

  6. 加强版dd工具dc3dd

    加强版dd工具dc3dd   dd是Linux最常用的磁盘备份工具,但缺少渗透测试常用的数据校验.hash等重要功能.Kali Linux提供的一款专用工具dc3dd.该工具是dd的加强版.它在dd的 ...

  7. bean实例化--工厂方法

    1,编写bean package com.songyan.demo1; /** * 要创建的对象类 * @author sy * */ public class User { private Stri ...

  8. SQL Reverse函数

    原文:SQL Reverse函数 Sql sever里面有个自带的reverse函数,这个函数的主要功能是把一个字符产反转.比如对于: select REVERSE('hello,world') 将得 ...

  9. Introduction to the TestFlight SDK

    https://developer.apple.com/testflight/ When you want to test an app on your device, usually you plu ...

  10. python的模块itsdangerous

    这个模块主要用来签名和序列化 使用场景: 一.给字符串添加签名: 发送方和接收方拥有相同的密钥--"secret-key",发送方使用密钥对发送内容进行签名,接收方使用相同的密钥对 ...