陣列去重的6種方法
阿新 • • 發佈：2019-01-09
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>陣列去重</title> </head> <body> <script> //1.filter:(indexOf)方法建立一個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素, filter() 不會對空陣列進行檢測。 filter() 不會改變原始陣列。 var arr1 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var arr1_1 = arr1.filter(function(m, n) { return arr1.indexOf(m) == n; }) document.write(arr1_1 + "<br />"); //2.map:(push indexOf)把每個元素通過函式傳遞到當前匹配集合中，生成包含返回值的新的 jQuery 物件。 var arr2 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var arr2_2 = []; arr2.map(function(m, n) { if(arr2.indexOf(arr2[n]) == n) { arr2_2.push(m); } }); document.write(arr2_2 + "<br />"); //3.indexOf(push)搜尋陣列中的元素，並返回它所在的位置。 var arr3 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var arr3_3 = []; for(var i = 0; i < arr3.length; i++) { if(arr3_3.indexOf(arr3[i]) == -1) { arr3_3.push(arr3[i]); } } document.write(arr3_3 + "<br />"); //4.splice對陣列進行刪除、插入、替換，是最強大的陣列方法。改變原陣列 var arr4 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; for(var i = 0; i < arr4.length; i++) { for(var j = i + 1; j < arr4.length; j++) { if(arr4[i] == arr4[j]) { arr4.splice(j, 1) j--; //別忘記減 } } } document.write(arr4 + "<br />"); //5.push(陣列去重一一對比)新增到陣列末尾 var arr5 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; function remm(arr) { var arr5_5 = []; for(var i = 0; i < arr5.length; i++) { for(var j = 0; j < arr5.length; j++) { if(arr5[i] == arr5_5[j]) { break; } } if(arr5[i] != arr5_5[j]) { arr5_5.push(arr5[i]); } } return arr5_5; } document.write(remm(arr5) + "<br />"); //6.set資料結構Set類似於陣列，但是成員的值都是唯一的，沒有重複的值。用set.size表示偽陣列長度 var arr6= [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var set = new Set(arr6); var newArr = new Array(...set); document.write(newArr+"<br />"); </script> </body> </html>