javascript数组去重方法

最新推荐文章于 2024-07-09 19:27:12 发布

小于转大暴雨

最新推荐文章于 2024-07-09 19:27:12 发布

阅读量139

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_52783355/article/details/126401045

版权

本文介绍了JavaScript中多种常见的数组去重技巧，包括双层循环、indexOf、lastIndexOf、includes、forEach结合、filter以及Set数据结构的应用。详细展示了每种方法的代码实现和结果展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript数组去重方法

一. 利用双层for循环去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	for(var i=0;i<arr.length;i++){
		for(var j=i+1;j<arr.length;j++){
			if(arr[i]===arr[j]){
				arr.splice(j,1)
				j--
			}
		}
	}
}
unique(arr)
console.log(arr)

结果:
在这里插入图片描述
二. 利用indexOf( )去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	for(var i=0;i<arr.length;i++){
		if(newArr.indexOf(arr[i])===-1){
			newArr.push(arr[i])
		}
	}
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
三. 利用lastIndexOf( )去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	for(var i=0;i<arr.length;i++){
		if(newArr.lastIndexOf(arr[i])===-1){
			newArr.push(arr[i])
		}
	}
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
四. 利用includes去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	for(var i=0;i<arr.length;i++){
		if(!newArr.includes(arr[i]){
			newArr.push(arr[i])
		}
	}
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述 四. 利用forEach＋indexOf去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	arr.forEach(function(item){
		if(newArr.indexOf(item)===-1){
			newArr.push(item)
		}
	})
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
五. 利用forEach＋includes去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	arr.forEach(function(item){
		if(!newArr.includes(item)){
			newArr.push(item)
		}
	})
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
六. 利用filter＋includes去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	arr.filter(function(item){
		return newArr.includes(item)?'':newArr.push(item)
	})
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
七. 利用filter＋indexOf去重

var arr=[1,1,2,3,2,3,4,4,5,5]
function unique(arr){
	var newArr = []
	arr.filter(function(item){
		return newArr.indexOf(item)===-1?newArr.push(item):''
	})
	return newArr
}
var res = unique(arr)
console.log(res)

结果:
在这里插入图片描述
八.利用set去重

var arr=[1,1,2,3,2,3,4,4,5,5]
var set = new Set(arr)
console.log(set)
console.log(Array.from(set))
console.log([...set])

结果:
在这里插入图片描述