我是靠谱客的博主 贪玩刺猬,最近开发中收集的这篇文章主要介绍数组去重的方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一.数组去重的方法

方法一:插件引用

访问此链接
链接
点击 UMD (Development) 另存为到文件夹中
在script标签中引用

<script src="./js/underscore.js"></script>
<script>
function getNewArr(arr){
let res = _.uniq(arr)
return res
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法二:对象转化数组
<script>
function getNewArr(arr){
//new Set(arr) 把数组转化为不重复的对象
//Array.from() 再把对象转化为数组
return Array.from(new Set(arr))
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法三:解构赋值
<script>
function getNewArr(arr){
return [...new Set(arr)]
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法四:forEach方法
<script>
function getNewArr(arr){
let res =[]
arr.forEach((item,index)=>{
if(arr.indexOf(item)===-1){
res.push(item)
}
})
return res
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法五:filter方法
<script>
function getNewArr(arr){
//过滤数组中下标不唯一的元素
//Array.from() 再把对象转化为数组
return arr.filter((item,index)=>arr.indexOf(item)===index)
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法六:reduce方法
<script>
function getNewArr(arr){
//reduce
return arr.reduce((pre,next)=>{
return
pre.includes(next)?pre:[...pre,next]
},[])
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法七:对象方法

function getNewArr(arr){
let res = {}
arr.forEach((item,index)=>res[arr[index]] = item)//利用对象key值唯一
return Object.keys(res).map(item => ~~item)
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>
方法八:sort方法
<script>
function getNewArr(arr){
let res = [] ;
let temp = arr.sort()
for(let i = 0; i < temp.length; i++){
if(temp[i]!==temp[i+1]){
res.push(arr[i])
}
}
return res
}
console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

最后

以上就是贪玩刺猬为你收集整理的数组去重的方法的全部内容,希望文章能够帮你解决数组去重的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(40)

评论列表共有 0 条评论

立即
投稿
返回
顶部