JavaScript數(shù)組去重實現(xiàn)方法小結
更新時間：2020年01月17日 11:48:56 作者：林飛的夢囈
這篇文章主要介紹了JavaScript數(shù)組去重實現(xiàn)方法,結合實例形式總結分析了JavaScript數(shù)組去重ES3、ES5及ES6常見實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
本文實例講述了JavaScript數(shù)組去重實現(xiàn)方法。分享給大家供大家參考，具體如下：
一、ES3方法：
var arr = ['a', 'a', 'b', 'b', 'b', 'c', 'e', 'f', 1, 2, 2, 3, 3, 3];
創(chuàng)建一個空數(shù)組與原來數(shù)組進行比較
//與前面的數(shù)組進行比較（不會改變原數(shù)組）
function deleteRepeat() {
var result = [];
label: for(var i=0; i<arr.length; i++) {
for(var j=0; j<result.length; j++) {
if(result[j] == arr[i]) {
continue label;
}
}
result.push(arr[i]);
}
return result;
}
//與后面的進行比較（不會改變原數(shù)組）
function deleteRepeat() {
var result = [];
for(var i = 0; i < arr.length; i++) {
for(var j = i+1; j < arr.length; j++) {
if(arr[i] == arr[j]) {
j = ++i;
}
}
result.push(arr[i]);
}
return result;
}
// splice()方法 (會改變原數(shù)組)
function deleteRepeat() {
for(var i = 0; i < arr.length; i++) {
for(var j = i+1; j < arr.length; j++) {
if(arr[i] == arr[j]) {
arr.splice(j, 1);
j--;
}
}
}
return arr;
}
// 利用對象的屬性不能重復特點（不會改變原數(shù)組）
function deleteRepeat() {
var result = [];
var object = {};
for(var i = 0; i < arr.length; i++) {
var t = arr[i];
if(!object[t]) {
result.push(t);
object[t] = true;
}
}
return result;
}
// 先排序再去重（只需要進行一次for循環(huán)、 會改變原數(shù)組）
function deleteRepeat() {
var arr1 = arr.sort();
var result = [];
for(var i = 0; i < arr1.length; i++) {
if(arr1[i] != arr1[i+1]) {
result.push(arr1[i]);
}
}
return result;
}
二、ES5方法：
利用IndexOf()方法
map()方法或forEach()方法或filter()方法
三、ES6方法
var a = [1, 2, 2, 3, 3, 3]; [...new Set(a)]; [1, 2, 3]
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS：這里再為大家提供幾款相關工具供大家參考使用：
在線去除重復項工具：
http://tools.jb51.net/code/quchong
在線文本去重復工具：
http://tools.jb51.net/aideddesign/txt_quchong
更多關于JavaScript相關內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結》、《JavaScript字符與字符串操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript?裝飾器是一種特殊的功能，允許在不修改源代碼的情況下動態(tài)修改類和函數(shù)的行為，本文將介紹五個讓你眼前一亮的裝飾器技巧，包括裝飾函數(shù)參數(shù)、裝飾類屬性、裝飾函數(shù)返回值和裝飾函數(shù)調(diào)用,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了用webAPI實現(xiàn)圖片放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
我們在進行圖片保存的時候經(jīng)常會發(fā)現(xiàn)圖片跨域了,下面下面這篇文章主要給大家介紹了關于html2canvas圖片跨域問題的相關資料,需要的朋友可以參考下2023-03-03
編寫兼容IE和FireFox的腳本確定的件很煩人的事，今日又經(jīng)歷了一次。2009-05-05
這篇文章主要介紹了javascript通過回車實現(xiàn)tab切換功能,需要的朋友可以參考下2014-03-03
這是一個非常重要的知識點了，了解了JavaScript的作用域鏈的話，能幫助我們理解很多‘異?！瘑栴}。文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
在現(xiàn)代?Web?應用程序中,實現(xiàn)高效的搜索功能是至關重要的,Fuse.js?是一個強大的?JavaScript?庫,它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實現(xiàn)出色的搜索體驗,文中代碼示例講解的非常詳細,需要的朋友可以參考下2024-01-01
當我們需要判斷用戶輸入的是否全是空格,或用戶在不輸入內(nèi)容的情況下使用回車發(fā)送,此時我們?nèi)绻枨髢?nèi)容不能為空,常規(guī)判斷無法識別,空格本身也有l(wèi)ength,這個時候就可使用到下列兩種方式2023-10-10
webpack-dev-server搭建本地服務器的實現(xiàn)
當我們使用webpack打包時，發(fā)現(xiàn)每次更新了一點代碼，都需要重新打包，我們希望本地能搭建一個服務器，本文就介紹如何使用webpack-dev-server搭建本地服務器，感興趣的可以了解一下2021-07-07
JS Common 2 之比較常用到的函數(shù)...2007-03-03