85JS原生：数组4种去重方法
Posted gushixianqiancheng
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了85JS原生：数组4种去重方法相关的知识，希望对你有一定的参考价值。
1、新数组去重：重新构建一个新数组，遍历原数组的每一项，如果该项在新数组的索引为-1，则把该项添加到新数组中。
**html 代码**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新数组去重</title>
</head>
<body>
<script>
var ary = [21, 32, 32, 4, 5, 61, 61, 21, 4, 5, 61];
var newAry=[];
for(var i=0; i<ary.length; i++){
if(newAry.indexOf(ary[i])===-1){
newAry[newAry.length]=ary[i];
}
}
document.write(newAry);
</script>
</body>
</html>
```
2、对象法数组去重：如果对象中没有这一项，给对象添加属性名和属性值，如果对象中已经有了，说明是重复的，直接在数组中删除这一项；
**html 代码**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象法数组去重</title>
</head>
<body>
<script>
var ary = [21, 32, 32, 4, 5, 61, 61, 21, 4, 5, 61,61];
var obj={};
for(var i=0; i<ary.length; i++){
var cur=ary[i];
if(obj[cur]===cur){//说明重复了
ary.splice(i,1);
i--;
}else{
obj[cur]=cur;
}
}
document.write(ary);
</script>
</body>
</html>
```
3、sort排序法去重：先用sort方法对数组进行排序，然后拿前一项与后一项进行比较，如果相等，则删除前一项，同时为了防止数组塌陷，下一次仍从该项开始比较。
**html 代码**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>sort排序</title>
</head>
<body>
<script>
var ary = [21, 32, 32, 4, 5, 61, 61, 21, 4, 5, 61];
ary.sort(function (a, b) {
return a - b;
});
for (var i = 0; i < ary.length; i++) {
if (ary[i] === ary[i + 1]) {
ary.splice(i, 1);
i--;
}
}
document.write(ary);
</script>
</body>
</html>
```
4、双循环去重：第一个循环，依次取出数组的每一项A；第二个循环，从数组的A项开始，依次与A项进行比较，如果相等则删除，同时为了防止数组塌陷，下一次仍从该项开始比较。
**html 代码**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>双循环去重</title>
</head>
<body>
<script>
var ary = [21, 32, 32, 4, 5, 61, 61, 21, 4, 5, 61];
for (var i = 0; i < ary.length; i++) {
var cur = ary[i];
for (var j = i + 1; j < ary.length; j++) {
if (cur === ary[j]) {
ary.splice(j, 1);
j--;
}
}
}
document.write(ary);
</script>
</body>
</html>
```
以上是关于85JS原生：数组4种去重方法的主要内容，如果未能解决你的问题，请参考以下文章