如何给数组去重

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #去重

Array数组专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种实用的方法来实现数组的去重操作，同时演示了如何将数组转换为对象以及如何将对象转换回数组的过程。通过具体示例代码展示了不同场景下的应用。

如何给数组去重

如何将数组转换为对象
如何将对象转换为数组
- 对象中的属性是唯一的
- 对象的值 = 数组的元素
- 对象的属性 = 数组的下标或者元素

方法一

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 数组转换为对象
    // 对象中的属性是唯一的
    // 对象的值 = 数组的元素
    // 对象的属性 = 数组的下标或者元素
    var arr = [10, 2, 20, 30, 50, 30, 20, 10, 40];
    var obj = {};
    for (var i = 0; i < arr.length; i++) {
      // 获取数组中的元素
      var key = arr[i];
      console.log(key);
      // 给对象添加属性
      obj[key] = key;
    }
    console.log(obj);

    // 对象转换为数组
    var newArr = [];
    for (var key in obj) {
      // 给新数组依次添加元素值 key
      newArr.push(key * 1);
    }
    console.log(newArr);
  </script>
</html>

在这里插入图片描述

方法二：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var arr = [10, 2, 20, 30, 50, 30, 20, 10, 40];
    var newArray = [];
    for (var i = 0; i < arr.length; i++) {
      if (newArray.indexOf(arr[i]) == -1) {
        newArray.push(arr[i]);
      }
    }
    console.log(newArray);
  </script>
</html>

在这里插入图片描述