陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還是需要了解一下，以防面試的時候可能回被問到。

注：寫的匆忙，加上這幾天有點忙，還沒有非常認真核對過，不過思路是沒有問題，可能一些小細節出錯而已。

陣列去重的方法

一、利用ES6 Set去重（ES6中最常用）

JavaScript function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr))  //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

123456

functionunique(arr){returnArray.from(newSet(arr))}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr)) //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

不考慮相容性，這種去重的方法程式碼最少。這種方法還無法去掉“{}”空物件，後面的高階方法會新增去掉重複“{}”的方法。

二、利用for巢狀for，然後splice去重（ES5中最常用）

JavaScript function unique(arr){ for(var i=0; i<arr.length; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i]==arr[j]){ //第一個等同於第二個，splice方法刪除第二個 arr.splice(j,1); j--; } } } return arr; } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}] //NaN和{}沒有去重，兩個null直接消失了

1234567891011121314

functionunique(arr){for(vari=0;i<arr.length;i++){for(varj=i+1;j<arr.length;j++){if(arr[i]==arr[j]){//第一個等同於第二個，splice方法刪除第二個arr.splice(j,1);j--;}}}returnarr;}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))//[1, "true", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}]     //NaN和{}沒有去重，兩個null直接消失了

雙層迴圈，外層迴圈元素，內層迴圈時比較值。值相同時，則刪去這個值。 想快速學習更多常用的ES6語法，可以看我之前的文章《學習ES6筆記──工作中常用到的ES6語法》。

三、利用indexOf去重

JavaScript function unique(arr) { if (!Array.isArray(arr)) { console.log('type error!') return } var array = []; for (var i = 0; i < arr.length; i++) { if (array .indexOf(arr[i]) === -1) { array .push(arr[i]) } } return array; } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}] //NaN、{}沒有去重

12345678910111213141516

functionunique(arr){if(!Array.isArray(arr)){console.log('type error!')return}vararray=[];for(vari=0;i<arr.length;i++){if(array.indexOf(arr[i])===-1){array.push(arr[i])}}returnarray;}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))// [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]  //NaN、{}沒有去重

新建一個空的結果陣列，for 迴圈原陣列，判斷結果陣列是否存在當前元素，如果有相同的值則跳過，不相同則push進陣列。

四、利用sort()

JavaScript function unique(arr) { if (!Array.isArray(arr)) { console.log('type error!') return; } arr = arr.sort() var arrry= [arr[0]]; for (var i = 1; i < arr.length; i++) { if (arr[i] !== arr[i-1]) { arrry.push(arr[i]); } } return arrry; } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) // [0, 1, 15, "NaN", NaN, NaN, {…}, {…}, "a", false, null, true, "true", undefined] //NaN、{}沒有去重

1234567891011121314151617

functionunique(arr){if(!Array.isArray(arr)){console.log('type error!')return;}arr=arr.sort()vararrry=[arr[0]];for(vari=1;i<arr.length;i++){if(arr[i]!==arr[i-1]){arrry.push(arr[i]);}}returnarrry;}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))// [0, 1, 15, "NaN", NaN, NaN, {…}, {…}, "a", false, null, true, "true", undefined]      //NaN、{}沒有去重

利用sort()排序方法，然後根據排序後的結果進行遍歷及相鄰元素比對。

五、利用物件的屬性不能相同的特點進行去重

JavaScript function unique(arr) { if (!Array.isArray(arr)) { console.log('type error!') return } var arrry= []; var obj = {}; for (var i = 0; i < arr.length; i++) { if (!obj[arr[i]]) { arrry.push(arr[i]) obj[arr[i]] = 1 } else { obj[arr[i]]++ } } return arrry; } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", 15, false, undefined, null, NaN, 0, "a", {…}] //兩個true直接去掉了，NaN和{}去重

1234567891011121314151617181920

functionunique(arr){if(!Array.isArray(arr)){console.log('type error!')return}vararrry=[];varobj={};for(vari=0;i<arr.length;i++){if(!obj[arr[i]]){arrry.push(arr[i])obj[arr[i]]=1}else{obj[arr[i]]++}}returnarrry;}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))//[1, "true", 15, false, undefined, null, NaN, 0, "a", {…}]    //兩個true直接去掉了，NaN和{}去重

六、利用includes

JavaScript function unique(arr) { if (!Array.isArray(arr)) { console.log('type error!') return } var array =[]; for(var i = 0; i < arr.length; i++) { if( !array.includes( arr[i]) ) {//includes 檢測陣列是否有某個值 array.push(arr[i]); } } return array } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}] //{}沒有去重

12345678910111213141516

functionunique(arr){if(!Array.isArray(arr)){console.log('type error!')return}vararray=[];for(vari=0;i<arr.length;i++){if(!array.includes(arr[i])){//includes 檢測陣列是否有某個值array.push(arr[i]);}}returnarray}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))//[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]     //{}沒有去重

七、利用hasOwnProperty

JavaScript function unique(arr) { var obj = {}; return arr.filter(function(item, index, arr){ return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true) }) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}] //所有的都去重了

123456789

functionunique(arr){varobj={};returnarr.filter(function(item,index,arr){returnobj.hasOwnProperty(typeofitem+item)?false:(obj[typeofitem+item]=true)})}vararr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN',0,0,'a','a',{},{}];console.log(unique(arr))//[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}]   //所有的都去重了

利用hasOwnProperty 判斷是否存在物件屬性

八、利用filter

JavaScript function unique(arr) { return arr.filter(function(item, index, arr) { //當前元素，在原始陣列中的第一個索引==當前索引值，否則返回當前元素 return arr.indexOf(item, 0) === index; }); } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]

1234567 相關推薦 JavaScript陣列去重的四種方法 今天,剛剛參加了公司的筆試，關於陣列去重，後來簡單總結了幾種方法，希共勉，為我打call....... es5四種方式: 方式一: Array.prototype.unique1 = function() { // 1. 定義陣列 var temp = []; // 2. 遍歷當前陣列 f JavaScript陣列去重12中方法 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還是需要了解一下，以防面 JavaScript陣列去重演算法例項 本文主要介紹了JavaScript陣列去重演算法,結合例項形式總結分析了JavaScript陣列去重相關的讀寫、遍歷、比較、排序等操作及演算法改進相關實現技巧,需要的朋友可以參考下 測試用例： arr = ["1",3,"1",1,4,5,1,"2",5,1, JavaScript陣列去重（12種方法） 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還是需要了解一下，以防面試的 JavaScript陣列去重的N種方法 對於陣列去重我們有n種方法可以實現。 es5實現方法 for迴圈+indexOf function unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { if (uniqu JavaScript---陣列去重 // 陣列去重 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, JavaScript陣列去重（12種方法，史上最全） 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低 JavaScript陣列去重的幾種方式 1.利用ES6 Set的內容不重複的特性 function unique (arr) { return Array.from(new Set(arr)) } var arr = []; console.log(unique(arr)); 2.利用for迴圈巢狀比較，splice JavaScript 陣列去重 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還 JavaScript陣列去重 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還是需 javascript陣列去重、陣列檢索制定項、陣列求差集 最近的專案中對資料操作很頻繁，我將其中使用到的部分拿出來分享一下； 一、陣列去重 直接上程式碼： let distinct=function(arr) { let result = [], i, j, len = arr.length; for (i = JavaScript陣列去重方法，面試加分項！ 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？ 你能答出其中的10種方法，面試官絕對會對你刮目相看！ 加分項！學起來！ 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。 JavaScript陣列去重的12種方法 陣列去重，一般都是在面試的時候才會碰到，一般是要求手寫陣列去重方法的程式碼。如果是被提問到，陣列去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重，一般都是後臺去處理，很少讓前端處理陣列去重。雖然日常專案用到的概率比較低，但還 JavaScript陣列去重—ES6的兩種方式 說明 JavaScript陣列去重這個問題，經常出現在面試題中，以前也寫過一篇陣列去重的文章，（JavaScript 陣列去重的多種方法原理詳解）但感覺程式碼還是有點不夠簡單，今天和大家再說兩種方法，程式碼可是足夠的少了。 解釋 方法一： function un JavaScript 陣列去重的多種方法原理詳解 說明 陣列去重，這是一個面試經常會遇見的問題，網上講陣列去重的文章也是特別的多，但是我們依舊來講講陣列去重，這篇文章比較適合於接觸過一段時間的JavaScript的初學者，希望這篇文章能給初學者帶來一些幫助。 方法一 function unique(arr JavaScript陣列去重的原型方法       本文主要說明兩種原型方法來過濾陣列中的重複元素。 方法一： 思路：1）構建一個新的陣列存放結果；           2）for迴圈中每次從原陣列中取出一個元素，用這個元素迴圈與結果陣列對 javascript 陣列去重的幾種方法 方法一：利用indexOf判斷新陣列 underscore.js中實際上也是使用的類似的indexOf //傳入陣列 function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.lengt 史上最全JavaScript陣列去重的十種方法（推薦） 一、前言： 我們在實際工作中，或者在面試找工作時，都會用到或者被問到一個問題，那就是“陣列如何去重”。是的，這個問題有很多種解決方案，看看下面的十種方式吧！ 二、陣列去重方式大彙總： Methods 1: 思路：定義一個新陣列，並存放原陣列的第一個元素，然後將元素組一一和新陣列的元素 JAVA陣列去重和JavaScript陣列去重比較 JS的直覺方案： 對於陣列去重，只要寫過程式的，立刻就能得到第一個解法： function unique(arr) { var ret = [] for (var i = 0; i < arr.length; i++) { 【經典面試題】JavaScript陣列去重 題目 已知有如下一個陣列，要求實現一個去重方法： var arr = ['aa', 'bb', 'cc', '', 1, 0, '1', 1, 'bb', null, undefined, null]; 既然是面試題，肯定要考慮相容性和效率。 幾種實現 第一種實