美文网首页
JavaScript实现数组去重的方式

JavaScript实现数组去重的方式

作者: 一只流浪的小码农 | 来源:发表于2019-09-26 23:11 被阅读0次

1.使用ES6的Set进行去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数组去重</title>
    </head>
    <body>
        <script type="text/javascript">
            function array_dedup(arr) {
                return Array.from(new Set(arr));
            }
            let arr = array_dedup([1, 2, 3, 3, 4, 5, 5, 6]);

            console.log(arr); //1,2,3,4,5,6
        </script>
    </body>
</html>
使用此方法非常简单,通俗易懂。该方法主要利用了Set内部结构的原理,然后通过Array.from()方法将set转换为数组,一点就通。

2.使用indexof去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数组去重</title>
    </head>
    <body>
        <script type="text/javascript">
            let arrs = [1, 2, 3, 4, 5, 5, 6];
            function arraydedep(arr) {
                let temp = [];
                for(let i = 0; i < arr.length; i++) {
                    if(temp.indexOf(arrs[i]) == -1) {
                        temp.push(arrs[i])
                    }
                }
                return temp;
            }
            let arr = arraydedep(arrs);
            console.log(arr); //1,2,3,4,5,6
        </script>
    </body>
</html>

3.扩展运算符和Set实现去重

<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <title>数组去重</title>
  </head>
  <body>
      <script type="text/javascript">
          let arr = [1, 2, 2, 3, 3, 4, 5];
          let unique = [...new Set(arr)];
          console.log(unique); //输出1,2,3,4,5
      </script>
  </body>
</html>

相关文章

  • JavaScript实现数组去重的方式

    1.使用ES6的Set进行去重 使用此方法非常简单,通俗易懂。该方法主要利用了Set内部结构的原理,然后通过Arr...

  • JavaScript 实现数组去重

    方法一:双重遍历 方法二:借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等 方...

  • JavaScript实现数组去重

    前言 数组去重方法老生常谈,既然是常谈,我也来谈谈。 双层循环 indexOf 我们可以用 indexOf 简化内...

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • 【JavaScript】数组去重

    话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关...

  • JavaScript数组去重算法实例

    本文主要介绍了JavaScript数组去重算法,结合实例形式总结分析了JavaScript数组去重相关的读写、遍历...

  • JavaScript 数组去重的多种方式

    1、Set Object 或一行搞定 2、filter() 3、reduce() & includes() 4、r...

  • JavaScript编码能力

    1.多种方式实现数组去重、扁平化、对比优缺点 数组去重 扁平化 2.多种方式实现深拷贝、对比优缺点 3.手写函数柯...

  • 数组的去重和数组中对象的去重

    数组中对象去重 方式1 jq方式 方式2 原生js方式 普通数组的去重 方式1 普通的数组去重js 方式2 Se...

  • JS实现数组去重常用的六种方法

    双重for循环去重 includes实现数组去重 indexOf实现数组去重 利用set方法去重 ES6 Arra...

网友评论

      本文标题:JavaScript实现数组去重的方式

      本文链接:https://www.haomeiwen.com/subject/nixouctx.html