詳解JavaScript數(shù)組過濾相同元素的5種方法
更新時間：2017年05月23日 14:25:51 作者：Lee_tanghui
本篇文章主要介紹了詳解JavaScript數(shù)組過濾相同元素的5種方法，詳細的介紹了5種實用方法，非常具有實用價值，需要的朋友可以參考下
方法一:比較內(nèi)層循環(huán)變量的值.
var arr = [1, 2, 3, 1, 3, 4, 5, 5];
var resultArr = [];
for (i = 0; i < arr.length; i++) {
for (j = 0; j < resultArr.length; j++) {
if (resultArr[j] == arr[i]) {
break;
}
}
if (j == resultArr.length) {
resultArr[resultArr.length] = arr[i];
}
}
console.log(resultArr); //1,2,3,4,5
方法二:計數(shù)法.
var arr = [1, 2, 3, 1, 3, 4, 5, 5];
var count;
var resultArr = [];
for (i = 0; i < arr.length; i++) {
count = 0;
for (j = 0; j < resultArr.length; j++) {
if (resultArr[j] == arr[i]) {
count++;
break;
}
}
if (count == 0) {
resultArr[resultArr.length] = arr[i];
}
}
console.log(resultArr); //1,2,3,4,5
方法三:flag標志法(也叫假設(shè)成立法)
var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr = []; //[1,2,3]
var flag;
for (var i = 0; i < arr.length; i++) {
flag = true;
for (j = 0; j < resultArr.length; j++) {
if (resultArr[j] == arr[i]) {
flag = false;
break;
}
}
if (flag) {
resultArr[resultArr.length] = arr[i];
}
}
console.log(resultArr);//1,2,3,4,5
方法四:使用sort()方法排序后比較
var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr = [];
arr.sort(function (a, b) {
return a - b;
});
//這個時候arr變成了[1, 1, 2, 2, 3, 3, 4, 5, 5]
for (i = 0; i < arr.length; i++) {
if (arr[i] != arr[i + 1]) {
resultArr[resultArr.length] = arr[i];
}
}
console.log(resultArr);
方法五:使用filter()方法篩選掉重復(fù)的數(shù)組
var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr;
resultArr = arr.filter(function (item, index, self) {
return self.indexOf(item) == index;
});
console.log(resultArr);
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
考慮到 JS 中的錯誤可比服務(wù)器端的代碼產(chǎn)生的錯誤要多得多，并且還難以發(fā)現(xiàn)及修正，所以 JS 代碼必須有異常處理以及全局一場處理。2015-06-06
這篇文章為大家詳細主要介紹了js HTML5手機刮刮樂代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了javascript 兼容各個瀏覽器的事件,需要的朋友可以參考下2015-02-02
webuploader實現(xiàn)上傳圖片到服務(wù)器功能
這篇文章主要為大家詳細介紹了webuploader實現(xiàn)上傳圖片到服務(wù)器功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
在javascript中隨機數(shù) math random如何生成指定范圍數(shù)值的隨機數(shù)
本篇文章給大家介紹在javascript中隨機數(shù)math random如何生成指定范圍數(shù)值的隨機數(shù)，由于math.random生成了一個偽隨機數(shù)，之后還要經(jīng)過我們的后期處理。對隨機數(shù)math random感興趣的朋友一起了解了解吧2015-10-10
通過自定義webpack插件,利用執(zhí)行完成編譯的封存階段后,產(chǎn)生的產(chǎn)物module.fileDependencies,生成依賴的文件組,通過讀文件的方式,將待掃描的文件組和有依賴關(guān)系的文件進行對比,這篇文章主要介紹了自定義刪除無依賴文件的webpack插件,需要的朋友可以參考下2023-12-12
下面小編就為大家?guī)硪黄猨s對字符串進行編碼的方法總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家詳細介紹了javascript實現(xiàn)時鐘動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
下面小編就為大家分享一篇利用js實現(xiàn)前后臺傳送Json的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Javascript中的對像賦值與Java中是一樣的,都為引用傳遞.就是說,在把一個對像賦值給一個變量時,那么這個變量所指向的仍就是原來對像的地址.那怎么來做呢 答案是克隆.2008-12-12