js实现数组去重的方式

小灰灰 2023-08-17 15:39 126阅读 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关 js实现数组去重的方式

1.使用ES6的Set进行去重 <!DOCTYPE html> <html> <head> <meta charset="UTF-8

小灰灰/ 2023年08月17日 15:39/ 0 赞/ 127 阅读

相关 js实现数组对象去重

数组对象去重，可直接复用 / 数组对象去重 @param {Array} arr 去重数组 @param {String

左手的ㄟ右手/ 2023年01月15日 11:22/ 0 赞/ 152 阅读

相关 js数组去重的几种方式

1，indexOf方法实现思路：新建一个数组，遍历要去重的数组，当值不在新数组的时候（indexOf 为 -1）就加入该新数组中； function unique

系统管理员/ 2022年11月21日 04:09/ 0 赞/ 243 阅读

相关用JS实现数组去重的多种方式

数组去重的题目在面试中属于高频题目，因此在这里记录一下几种实现方式：方式一：Array.from() function unique(arr) {

快来打我*/ 2022年09月04日 00:56/ 0 赞/ 162 阅读

相关 JS实现数组去重

方法一，利用对象属性不能相同的方法进行去重 Array.prototype.distinct = function (){ var arr = this,

一时失言乱红尘/ 2022年05月20日 09:50/ 0 赞/ 195 阅读

相关 JS实现数组去重

1.双循环去重。先将数组的第一个元素赋值给一个新数组，再用两个嵌套的for循环。从数组的第二个元素开始比较该元素与新数组中是否有重复的元素，如果有就跳出当前循环；如果没有就把第

忘是亡心i/ 2022年02月01日 13:47/ 0 赞/ 275 阅读

相关 js数组去重

> 数组是多种类型可以混合的 > > \[undefined,null,NaN,\{\},\{\},NaN,undefined,null\] 下面我们以一个带有重复元

客官°小女子只卖身不卖艺/ 2022年01月31日 15:17/ 0 赞/ 365 阅读

相关 js数组去重

用es6的Set 或者用filter let arr = [1,2,3,3,6,6,77,9,3,2,1,23,68] let result = [.

阳光穿透心脏的1/2处/ 2021年11月09日 05:28/ 0 赞/ 474 阅读

相关 Js数组去重的五种方式

一、利用双层 for 循环 var fruits=['苹果','香蕉','葡萄','火龙果','苹果','葡萄','火龙果'] //双重循环

短命女/ 2021年09月02日 05:54/ 0 赞/ 412 阅读

相关 JS数组去重

JS数组去重 js代码： // indexOf实现 var array = [1, 1, '1']; function unique(array) { var ...

朱雀/ 2021年05月11日 06:03/ 1 赞/ 2722 阅读