當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
85JS原生：数组4种去重方法
生活随笔
收集整理的這篇文章主要介紹了
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、雙循環(huán)去重：第一個循環(huán)，依次取出數組的每一項A；第二個循環(huán)，從數組的A項開始，依次與A項進行比較，如果相等則刪除，同時為了防止數組塌陷，下一次仍從該項開始比較。
**html 代碼**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雙循環(huán)去重</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>
```
**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、雙循環(huán)去重：第一個循環(huán)，依次取出數組的每一項A；第二個循環(huán)，從數組的A項開始，依次與A項進行比較，如果相等則刪除，同時為了防止數組塌陷，下一次仍從該項開始比較。
**html 代碼**
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雙循環(huán)去重</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>
```
轉載于:https://www.cnblogs.com/gushixianqiancheng/p/10967131.html
總結
以上是生活随笔為你收集整理的85JS原生：数组4种去重方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Django框架基础知识05-自定义模板
- 下一篇： mkdir: cannot create