微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

Javascript常用数组算法总结

2015-10-03 20:33 前端大全

(点击上方,可快速关注)


作者:front-Thinking

网址:http://www.cnblogs.com/front-Thinking/p/4797440.html


不管是在面试中还是在笔试中,我们都会被经常问到关于javascript数组的一些算法,比方说数组去重、数组求交集、数组扰乱等等。今天抽点时间把javascript中的一些常用的数组算法做一下总结,以方便大家面试笔试或者日常开发过程中用到。其中部分算法来自网络,这里做了下汇总整理。文章末尾我会把参考的来源附上去,如果直接看算法比较枯燥的可以到参考文献里去看,讲解的非常不错。


1、数组去重


方法1:


//利用数组的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表,可能会出现字符串和数字一样的话出错,如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。会出现与方法2一样的问题,如果数组中存在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:


//最简单但是效率最低的算法,也不会出现方法2和方法3出现的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;

}


2、数组顺序扰乱


方法1:


//每次随机抽一个数并移动到新数组中

function shuffle(array) {

var copy = [],

n = array.length,

i;

// 如果还剩有元素则继续。。。

while (n) {

// 随机抽取一个元素

i = Math.floor(Math.random() * array.length);

// 如果这个元素之前没有被选中过。。

if (i in array) {

copy.push(array[i]);

delete array[i];

n--;

}

}

}


方法2:


//跟方法1类似,只不过通过splice来去掉原数组已选项

function shuffle(array) {

var copy = [],

n = array.length,

i;

// 如果还剩有元素。。

while (n) {

// 随机选取一个元素

i = Math.floor(Math.random() * n--);

// 移动到新数组中

copy.push(array.splice(i, 1)[0]);

}

return copy;

}


方法3:


//前面随机抽数依次跟末尾的数交换,后面依次前移,即:第一次前n个数随机抽一个跟第n个交换,第二次前n-1个数跟第n-1个交换,依次类推。

function shuffle(array) {

var m = array.length,

t, i;

// 如果还剩有元素…

while (m) {

// 随机选取一个元素…

i = Math.floor(Math.random() * m--);

// 与当前元素进行交换

t = array[m];

array[m] = array[i];

array[i] = t;

}

return array;

}


3、数组判断


方法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];

}


4、数组求交集


方法1:


//利用filter和数组自带的indexOf方法

array1.filter(function(n) {

return array2.indexOf(n) != -1

});


5、数组求并集


方法1:


//方法原理:连接两个数组并去重

function arrayUnique(array) {

var a = array.concat();

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;

};


6、数组求差集


方法1:


//利用filter和indexOf方法

Array.prototype.diff = function(a) {

return this.filter(function(i) {return a.indexOf(i) < 0;});

};


暂时汇总了这点儿,有待后续补充。欢迎大家补充。


参考:


  • 高效率去掉js数组中重复项

  • js数组去重

  • 由乱序播放说开了去-数组的打乱算法Fisher–Yates Shuffle

  • How to randomize (shuffle) a JavaScript array?

  • Simplest code for array intersection in javascript




前端大全

微信号:FrontDev

打造东半球最好的 前端技术 微信号

--------------------------------------

商务合作QQ:2302462408

投稿网址:top.jobbole.com

 
前端大全 更多文章 5个典型的JavaScript面试题(上) Limu:JavaScript的那些书 Web开发:我希望得到的编程学习路线图 JavaScript基础工具清单 常用排序算法之JavaScript实现
猜您喜欢 Linux Process States 与Systrace 中thread states Golang语言社区--视频教程-定时器使用 Android中图片的三层缓存详解 支持生产阻塞的线程池 说说 Code Review