如何给数组去重

最新推荐文章于 2024-07-23 12:35:43 发布

BloggerM

最新推荐文章于 2024-07-23 12:35:43 发布

阅读量93

点赞数

分类专栏： Array数组文章标签： javascript 前端去重

本文链接：https://blog.csdn.net/HTML_Z/article/details/128782706

版权

Array数组专栏收录该内容

3 篇文章 0 订阅

订阅专栏

如何给数组去重

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

方法一

<!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>