如何去掉数组重复的数字？

最新推荐文章于 2024-03-12 17:36:45 发布

原创最新推荐文章于 2024-03-12 17:36:45 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS #原型 #HTML

Web前端专栏收录该内容

85 篇文章

订阅专栏

本文介绍了一种使用JavaScript的方法来从数组中移除重复元素。通过两种不同的实现方式，一种是扩展Array.prototype添加自定义方法，另一种是直接遍历并检查元素的首次出现位置。这两种方法都能有效地帮助开发者清理数据集，简化数组处理流程。

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
   <script>
       var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];
       Array.prototype.repetition = function(){//在原型自定义repetition方法
           var newArray = [];//假设临时存储的数组；
           for(var i = 0; i < this.length; i++)//遍历当前数组
           {
               if(newArray.indexOf(this[i]) == -1)//如果当前数组第i个已经未存进临时数组，则添加
               {
                   newArray.push(this[i]);
               }
           }
           return newArray;//返回数组内容
       }
       var array = arr.repetition();//调用在原型自定义的repetition方法
       console.log(array);

</script>
</body>
</html>

----------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
   <script>

       var arr = ["选项", "选项2", "选项2", "选项3", "选项2", "选项1", "选项1", "选项1"];
       var newArr = [];
       for(var i = 0; i < arr.length; i++)
       {

           if(arr.indexOf(arr[i]) == i)
           {
               newArr.push(arr[i]);
           }
       }
       console.log(newArr);
   </script>
</body>
</html>