JavaScript常用數(shù)組算法小結(jié)
更新時(shí)間：2016年02月13日 09:54:40 投稿：hebedich
在開發(fā)項(xiàng)目的過(guò)程中，我們經(jīng)常會(huì)需要關(guān)于javascript數(shù)組的一些算法，比方說(shuō)數(shù)組去重、數(shù)組求交集、數(shù)組擾亂等等。今天就把個(gè)人的匯總整理的算法分享給大家。
今天抽點(diǎn)時(shí)間把javascript中的一些常用的數(shù)組算法做一下總結(jié)，以方便大家面試筆試或者日常開發(fā)過(guò)程中用到。其中部分算法來(lái)自網(wǎng)絡(luò)，這里做了下匯總整理。文章末尾我會(huì)把參考的來(lái)源附上去，如果直接看算法比較枯燥的可以到參考文獻(xiàn)里去看，講解的非常不錯(cuò)。
一、數(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表,可能會(huì)出現(xiàn)字符串和數(shù)字一樣的話出錯(cuò)，如var a = [1, 2, 3, 4, '3', 5],會(huì)返回[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。會(huì)出現(xiàn)與方法2一樣的問(wèn)題，如果數(shù)組中存在1,1,'1'這樣的情況，則會(huì)排錯(cuò)
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：
//最簡(jiǎn)單但是效率最低的算法,也不會(huì)出現(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)友@真愛(ài)像深藍(lán)
var unique = function (arr, newArr) {
var num;
if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num);
arr.length && unique(arr, newArr);
}
二、數(shù)組順序擾亂
方法1：
//每次隨機(jī)抽一個(gè)數(shù)并移動(dòng)到新數(shù)組中
function shuffle(array) {
var copy = [],
n = array.length,
i;
// 如果還剩有元素則繼續(xù)。。。
while (n) {
// 隨機(jī)抽取一個(gè)元素
i = Math.floor(Math.random() * array.length);
// 如果這個(gè)元素之前沒(méi)有被選中過(guò)。。
if (i in array) {
copy.push(array[i]);
delete array[i];
n--;
}
}
return copy;
};
方法2：
//跟方法1類似，只不過(guò)通過(guò)splice來(lái)去掉原數(shù)組已選項(xiàng)
function shuffle(array) {
var copy = [],
n = array.length,
i;
// 如果還剩有元素。。
while (n) {
// 隨機(jī)選取一個(gè)元素
i = Math.floor(Math.random() * n--);
// 移動(dòng)到新數(shù)組中
copy.push(array.splice(i, 1)[0]);
}
return copy;
}
方法3：
//前面隨機(jī)抽數(shù)依次跟末尾的數(shù)交換，后面依次前移，即：第一次前n個(gè)數(shù)隨機(jī)抽一個(gè)跟第n個(gè)交換，第二次前n-1個(gè)數(shù)跟第n-1個(gè)交換，依次類推。
function shuffle(array) {
var m = array.length,
t, i;
// 如果還剩有元素…
while (m) {
// 隨機(jī)選取一個(gè)元素…
i = Math.floor(Math.random() * m--);
// 與當(dāng)前元素進(jìn)行交換
t = array[m];
array[m] = array[i];
array[i] = t;
}
return array; }
三、數(shù)組判斷
方法1：
//自帶的isArray方法 var array6 = []; Array.isArray(array6 );//true
方法2：
//利用instanceof運(yùn)算符 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：
//方法原理：連接兩個(gè)數(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只能求出一個(gè)數(shù)組相對(duì)另一個(gè)數(shù)組的差集，比如array1.diff(array2)，只能求出array1相對(duì)array2的差集，如果希望將兩個(gè)數(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 );
暫時(shí)匯總了這點(diǎn)兒，有待后續(xù)補(bǔ)充。歡迎大家補(bǔ)充，如有問(wèn)題，敬請(qǐng)留言，共同探討和進(jìn)步，^_^
相關(guān)文章
云開發(fā)進(jìn)階uniCloud-db組件與JQL語(yǔ)法的轉(zhuǎn)換詳解
這篇文章主要為大家介紹了云開發(fā)進(jìn)階uniCloud-db組件與JQL語(yǔ)法的轉(zhuǎn)換詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
原生JavaScript實(shí)現(xiàn)合并多個(gè)數(shù)組示例
這篇文章主要介紹了原生的JavaScript及jquery實(shí)現(xiàn)合并多個(gè)數(shù)組，很簡(jiǎn)單，很實(shí)用，大家可以看看2014-09-09
至2023年最好用的兼容多瀏覽器的原生js復(fù)制函數(shù)copyText
因?yàn)楹笈_(tái)需要增加一些復(fù)制一些內(nèi)容非表單中內(nèi)容，那么下面這個(gè)函數(shù)就非常的好用了，其實(shí)也是利用了表單的數(shù)據(jù)權(quán)限比較容易突破，下面是具體的實(shí)現(xiàn)函數(shù)，大家可以拿走2023-05-05
原生微信小程序中封裝一個(gè)模擬select下拉框組件代碼示例
這篇文章主要給大家介紹了關(guān)于原生微信小程序中封裝一個(gè)模擬select下拉框組件的相關(guān)資料,文中介紹了如何在小程序中創(chuàng)建和使用自定義組件van-select,包括組件的創(chuàng)建步驟和在頁(yè)面中的應(yīng)用方法,需要的朋友可以參考下2024-11-11
彈出遮罩層后禁止?jié)L動(dòng)效果【實(shí)現(xiàn)代碼】
下面小編就為大家?guī)?lái)一篇彈出遮罩層后禁止?jié)L動(dòng)效果【實(shí)現(xiàn)代碼】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
最近做一個(gè)項(xiàng)目，需要javascript動(dòng)態(tài)插入樣式，結(jié)果以前的方法失效了！查了2個(gè)小時(shí)的原因竟然是自己手賤，這個(gè)最后再說(shuō)
2012-02-02 
JavaScript——DOM操作——Window.document對(duì)象詳解
下面小編就為大家?guī)?lái)一篇JavaScript——DOM操作——Window.document對(duì)象詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07 
本文介紹了腳本div實(shí)現(xiàn)拖放功能的兩種方法：1.原生拖放實(shí)現(xiàn)；2.jQuery UI draggable實(shí)現(xiàn)拖放。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02 
JavaScript實(shí)現(xiàn)倒計(jì)時(shí)代碼段Item1（非常實(shí)用）
現(xiàn)今團(tuán)購(gòu)網(wǎng)、電商網(wǎng)、門戶網(wǎng)等，常使用時(shí)間記錄重要的時(shí)刻，如時(shí)間顯示、倒計(jì)時(shí)差、限時(shí)搶購(gòu)等，本文分析不同倒計(jì)時(shí)效果的計(jì)算思路及方法，掌握日期對(duì)象Date，獲取時(shí)間的方法,計(jì)算時(shí)差的方法，實(shí)現(xiàn)不同的倒時(shí)計(jì)效果
2015-11-11