JavaScript常用數(shù)組算法小結(jié)
今天抽點時間把javascript中的一些常用的數(shù)組算法做一下總結(jié),以方便大家面試筆試或者日常開發(fā)過程中用到。其中部分算法來自網(wǎng)絡(luò),這里做了下匯總整理。文章末尾我會把參考的來源附上去,如果直接看算法比較枯燥的可以到參考文獻里去看,講解的非常不錯。
一、數(shù)組去重
方法1:
//利用數(shù)組的indexOf方法
function unique (arr) {
var result = [];
for (var i = 0; i < arr.length; i++)
{
if (result.indexOf(arr[i]) == -1) result.push(arr[i]);
}
return result;
}
方法2:
//利用hash表,可能會出現(xiàn)字符串和數(shù)字一樣的話出錯,如var a = [1, 2, 3, 4, '3', 5],會返回[1, 2, 3, 4, 5]
function unique (arr){
var hash = {},result = [];
for(var i = 0; i < arr.length; i++)
{
if (!hash[arr[i]])
{
hash[arr[i]] = true;
result.push(arr[i]);
}
}
return result;
}
方法3:
//排序后比較相鄰,如果一樣則放棄,否則加入到result。會出現(xiàn)與方法2一樣的問題,如果數(shù)組中存在1,1,'1'這樣的情況,則會排錯
function unique (arr) {
arr.sort();
var result=[arr[0]];
for(var i = 1; i < arr.length; i++){
if( arr[i] !== arr[i-1]) {
result.push(arr[i]);
}
}
return result;
}
方法4:
//最簡單但是效率最低的算法,也不會出現(xiàn)方法2和方法3出現(xiàn)的bug
function unique (arr) {
if(arr.length == 0) return;
var result = [arr[0]], isRepeate;
for( var i = 0, j = arr.length; i < j; i++ ){
isRepeate = false;
for( var k = 0, h = result.length; k < h; k++){
if(result[k] === arr[i]){
isRepeate = true;
break;
}
if(k == h) break;
}
if( !isRepeate ) result.push(arr[i]);
}
return result;
}
方法5:
//此方法充分利用了遞歸和indexOf方法,感謝網(wǎng)友@真愛像深藍
var unique = function (arr, newArr) {
var num;
if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num);
arr.length && unique(arr, newArr);
}
二、數(shù)組順序擾亂
方法1:
//每次隨機抽一個數(shù)并移動到新數(shù)組中
function shuffle(array) {
var copy = [],
n = array.length,
i;
// 如果還剩有元素則繼續(xù)。。。
while (n) {
// 隨機抽取一個元素
i = Math.floor(Math.random() * array.length);
// 如果這個元素之前沒有被選中過。。
if (i in array) {
copy.push(array[i]);
delete array[i];
n--;
}
}
return copy;
};
方法2:
//跟方法1類似,只不過通過splice來去掉原數(shù)組已選項
function shuffle(array) {
var copy = [],
n = array.length,
i;
// 如果還剩有元素。。
while (n) {
// 隨機選取一個元素
i = Math.floor(Math.random() * n--);
// 移動到新數(shù)組中
copy.push(array.splice(i, 1)[0]);
}
return copy;
}
方法3:
//前面隨機抽數(shù)依次跟末尾的數(shù)交換,后面依次前移,即:第一次前n個數(shù)隨機抽一個跟第n個交換,第二次前n-1個數(shù)跟第n-1個交換,依次類推。
function shuffle(array) {
var m = array.length,
t, i;
// 如果還剩有元素…
while (m) {
// 隨機選取一個元素…
i = Math.floor(Math.random() * m--);
// 與當(dāng)前元素進行交換
t = array[m];
array[m] = array[i];
array[i] = t;
}
return array; }
三、數(shù)組判斷
方法1:
//自帶的isArray方法 var array6 = []; Array.isArray(array6 );//true
方法2:
//利用instanceof運算符 var array5 = []; array5 instanceof Array;//true
方法3:
//利用toString的返回值
function isArray(o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
四、數(shù)組求交集
方法1:
//利用filter和數(shù)組自帶的indexOf方法
array1.filter(function(n) {
return array2.indexOf(n) != -1 });
五、數(shù)組求并集
方法1:
//方法原理:連接兩個數(shù)組并去重
function arrayUnique(array) {
var a = array.concat(array2);
for(var i=0; i<a.length; ++i) {
for(var j=i+1; j<a.length; ++j) {
if(a[i] === a[j])
a.splice(j--, 1);
}
}
return a;
};
六、數(shù)組求差集
方法1:
//利用filter和indexOf方法
Array.prototype.diff = function(a) {
return this.filter(function(i) {
return a.indexOf(i) < 0;
});
};
上面的方法1只能求出一個數(shù)組相對另一個數(shù)組的差集,比如array1.diff(array2),只能求出array1相對array2的差集,如果希望將兩個數(shù)組不同的值都獲取到,可以array1.diff(array2).concat(array2.diff(array1)),也可以使用方法2
方法2
var array1 = new Array(55,55,88,6,68,109,55,33,6,2,1);
var array2 = [55,88,99,69,109,55,33,6,2,1];
var diffArr = array1.concat(array2);
var diff = diffArr.filter(function(i) {
return array1.indexOf(i) < 0||array2.indexOf(i) < 0;
});
console.log( diff );
暫時匯總了這點兒,有待后續(xù)補充。歡迎大家補充,如有問題,敬請留言,共同探討和進步,^_^
相關(guān)文章
JavaScript 數(shù)組- Array的方法總結(jié)(推薦)
下面小編就為大家?guī)硪黄狫avaScript 數(shù)組- Array的方法總結(jié)(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時 要時刻注意這些差異2008-10-10
一分鐘學(xué)會JavaScript中的try-catch
這篇文章主要給大家介紹了關(guān)于如何通過一分鐘學(xué)會JavaScript中try-catch的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
原生js實現(xiàn)shift/ctrl/alt按鍵的獲取
小測試shift、ctrl、alt按鍵的獲取,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04

