詳解JavaScript數組過濾相同元素的5種方法
更新時間：2017年05月23日 14:25:51 作者：Lee_tanghui
本篇文章主要介紹了詳解JavaScript數組過濾相同元素的5種方法，詳細的介紹了5種實用方法，非常具有實用價值，需要的朋友可以參考下
方法一:比較內層循環(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
方法二:計數法.
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標志法(也叫假設成立法)
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()方法篩選掉重復的數組
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);
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家?guī)硪黄髽送蟿痈淖僁IV等網頁元素的大小的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
css中對于定寬的非浮動元素用margin:0 auto進行水平居中，對于不定寬的浮動元素也有一個常用技巧，這篇文章就給大家介紹下css如何讓浮動元素水平居中，需要的朋友可以來學習下2015-08-08
js中textContent、innerText和innerHTML的用法以及區(qū)別
這篇文章主要介紹了JavaScript中textContent、innerText和innerHTML的用法以及區(qū)別,需要的朋友可以參考下2023-05-05
Display SQL Server Login Mode...2007-06-06
這篇文章主要介紹了微信小程序scroll-view點擊項自動居中效果的實現代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了javascript原型鏈學習記錄之繼承實現方式,結合實例形式分析了javascript使用原型鏈實現繼承的相關操作技巧與注意事項,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS封裝的模仿qq右下角消息彈窗功能,涉及javascript事件響應、頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-08-08
在iframe與父窗口或者與子窗口傳遞數據是一個麻煩的事情，如果我們能夠寫一個一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現此功能，對js iframe相關知識感興趣的朋友一起學習吧2016-01-01
在JavaScript中,通常我們不會直接使用`assert`這個詞,因為JavaScript標準庫中并沒有直接提供`assert`函數,下面是一個詳細的示例,展示如何在JavaScript中模擬`assert`函數,并在`if`語句中嵌套使用它來檢查條件,需要的朋友可以參考下2024-09-09
Webpack中l(wèi)oader打包各種文件的方法實例
這篇文章主要給大家介紹了關于Webpack中l(wèi)oader打包各種文件的相關資料，其中包括處理css文件、less文件、scss文件、url地址以及ES6高級語法的方法，需要的朋友可以參考下2019-09-09