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

 
  1、数组去重
 
  方法1:
 

1
2
3
4
5
6
7
8
9
1 //利用数组的indexOf方法
2 function unique (arr) {
3   var result = [];
4   for (var i = 0; i < arr.length; i++)
5   {
6     if (result.indexOf(arr[i]) == -1) result.push(arr[i]);
7   }
8   return result;
9 }
  方法2:
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
1 //利用hash表,可能会出现字符串和数字一样的话出错,如var a = [1, 2, 3, 4, '3', 5],会返回[1, 2, 3, 4, 5]
 2 function unique (arr)
 3 {
 4     var hash = {},result = [];
 5     for(var i = 0; i < arr.length; i++)
 6     {
 7         if (!hash[arr[i]])
 8         {
 9             hash[arr[i]] = true;
10             result.push(arr[i]);
11         }
12     }
13     return result;
14 }
 
  方法3:
 

1
2
3
4
5
6
7
8
9
10
11
1 //排序后比较相邻,如果一样则放弃,否则加入到result。会出现与方法2一样的问题,如果数组中存在1,1,'1'这样的情况,则会排错
 2 function unique (arr) {
 3     arr.sort();
 4     var result=[arr[0]];
 5     for(var i = 1; i < arr.length; i++){
 6         if( arr[i] !== arr[i-1]) {
 7             result.push(arr[i]);
 8         }
 9     }
10     return result;
11 }
 
 
  方法4:
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1 //最简单但是效率最低的算法,也不会出现方法2和方法3出现的bug
 2 function unique (arr) {
 3     if(arr.length == 0) return;
 4     var result = [arr[0]], isRepeate;
 5     for( var i = 0, j = arr.length; i < j; i++ ){
 6         isRepeate = false;
 7         for( var k = 0, h = result.length; k < h; k++){
 8             if(result[k] === arr[i]){
 9                 isRepeate = true;
10                 break;
11             }
12             if(k == h) break;
13         }
14         if( !isRepeate ) result.push(arr[i]);
15     }
16     return result;
17 }
   2、数组顺序扰乱
 
  方法1:
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1 //每次随机抽一个数并移动到新数组中
 2 function shuffle(array) {
 3     var copy = [],
 4         n = array.length,
 5         i;
 6     // 如果还剩有元素则继续。。。
 7     while (n) {
 8         // 随机抽取一个元素
 9         i = Math.floor(Math.random() * array.length);
10         // 如果这个元素之前没有被选中过。。
11         if (i in array) {
12             copy.push(array[i]);
13             delete array[i];
14             n--;
15         }
16     }
 
  方法2:
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
1 //跟方法1类似,只不过通过splice来去掉原数组已选项
 2 function shuffle(array) {
 3     var copy = [],
 4         n = array.length,
 5         i;
 6     // 如果还剩有元素。。
 7     while (n) {
 8         // 随机选取一个元素
 9         i = Math.floor(Math.random() * n--);
10         // 移动到新数组中
11         copy.push(array.splice(i, 1)[0]);
12     }
13     return copy;
14 }
  方法3:
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//前面随机抽数依次跟末尾的数交换,后面依次前移,即:第一次前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:
 
1 //自带的isArray方法
2 var array6 = [];
3 Array.isArray(array6 );//true
  方法2:
 
1 //利用instanceof运算符
2 var array5 = [];
3 array5 instanceof Array;//true
  方法3:
 
1 //利用toString的返回值
2 function isArray(o) {
3     return Object.prototype.toString.call(o) === ‘[object Array]‘;
4 }
  4、数组求交集
 
  方法1:
 
1 //利用filter和数组自带的indexOf方法
2 array1.filter(function(n) {
3     return array2.indexOf(n) != -1
4 });
  5、数组求并集
 
  方法1:
 

1
2
3
4
5
6
7
8
9
10
11
12
1 //方法原理:连接两个数组并去重
 2 function arrayUnique(array) {
 3     var a = array.concat();
 4     for(var i=0; i<a.length; ++i) {
 5         for(var j=i+1; j<a.length; ++j) {
 6             if(a[i] === a[j])
 7                 a.splice(j--, 1);
 8         }
 9     }
10
11     return a;
12 };
 
  6、数组求差集
 
  方法1:
 
1 //利用filter和indexOf方法
2 Array.prototype.diff = function(a) {
3     return this.filter(function(i) {return a.indexOf(i) < 0;});
4 };
  暂时汇总了这点儿,有待后续补充。欢迎大家补充。

js-数组算法收集版(转)的更多相关文章

  1. js数组去重 javascript版

    //js数组去重 //思路: // 1.放入第一个元素 // 2.放入第n个元素,和第n个之前的元素就行比较,如果有重复,则跳过.没有重复就加入数组中 // 3.返回新的去重后数组 Array.pro ...

  2. JS数组去重精简版

    看了很多人写的好几个去重方法,我在这里精简组合下,适用于已排序与未排序的数组. 废话不多说,上代码. <!DOCTYPE html> <html> <head> & ...

  3. js数组算法题01

    题目:随机生成一个长度为 10 的整数类型的数组,例如 [2, 10, 3, 4, 5, 11, 10, 11, 20],将其排列成一个新数组,要求新数组形式如下,例如 [[2, 3, 4, 5], ...

  4. JS中几种常见的数组算法(前端面试必看)

    JS中几种常见的数组算法 1.将稀疏数组变成不稀疏数组 /** * 稀疏数组 变为 不稀疏数组 * @params array arr 稀疏数组 * @return array 不稀疏的数组 */ f ...

  5. JS数组去重的6种算法实现

    1.遍历数组法 最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中:注意点:判断值是否在数组的方法"indexOf"是ECMAScript5 方法 ...

  6. 「面试指南」JS数组Array常用算法,Array算法的一般解答思路

    先看一道面试题 在 LeetCode 中有这么一道简单的数组算法题: // 给定一个整数数组 nums 和一个目标值 target, // 请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下 ...

  7. 总结下js排序算法和乱序算法

    其实本人最怕的就是算法,大学算法课就感觉老师在讲天书,而且对于前端来说,算法在实际的应用中实在是很有限.毕竟算法要依靠大量的数据为基础才能发挥出算法的效率,就浏览器那性能,......是吧,退一万步说 ...

  8. js数组遍历和对象遍历

    针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历:还有性能,优缺点等. JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( ...

  9. js数组操作记录

    一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. arrayObject.splice(index,howmany,item1,.....,itemX) 参数 描述 in ...

随机推荐

  1. HTML一级导航制作

    今天分享一下简单导航栏的制作方法: 第一步:引入css样式表,新建一个id为nav的层,使用<ul>.<li>.<a>标签来制作完成效果. <!DOCTYPE ...

  2. KB2533623 下载

    服务器上要部署.NET Core 的环境, 先要在服务器上安装Core SDK.直达连接 下载安装一切顺利: 下面开始检验是否正确安装了↓ 运行→cmd→dotnet 结果报错↓ Failed to ...

  3. [UWP小白日记-7]转换MVA学院的XML字幕为SRT (二)

    瞎扯淡 上个版本,非常蠢用来N多的循环导致非常卡性能烂得不行,这次使用XmlDocument类来读取XML字幕 其实根本不用各种扒XML字幕,好吧我这是学习使用XmlDocument类,嗯就是这个样子 ...

  4. cookie解决 未登录加入购物车 第一次访问弹出新手引导页面

    浏览器携带cookie到服务器, 点击加入购物车-->后台检查-->是否登录(有没有sessionid) 没有登录--->secookie()返回给浏览器,把传递过来的商品id, 属 ...

  5. js 技巧1

    1. 使用===取代==    ==和!=操作符会在需要的情况下自动转换数据类型.但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快. "){ //速度慢 } & ...

  6. linux xfce4普通用户 mount usb提示: Not authorized to perform operation

    问题:xfce4下,USB 硬盘能自动挂载并显示,但是普通用户操作时,提示:Not authorized to perform operation. 时间:20160928 os:gentoo + x ...

  7. 著名清理软件(CCleaner) 5.24.5841 中文版

    软件名称: 著名清理软件(CCleaner) 软件语言: 多国语言 授权方式: 免费软件 运行环境: Win 32位/64位 软件大小: 5.7MB 图片预览: 软件简介: CCleaner的体积小, ...

  8. php常量作用

    PHP常量的特点是: 1.不能通过外部来传递,也就是不能通过get与post还有cookie等方式来传递赋值,所以可以确定是程序执行过程中定义的,非外界变量.2.定义后不能更改,可以防止被篡改. 基于 ...

  9. 前端知识点-JS相关知识点

    1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建 ...

  10. 百度移动搜索自动转码太坑爹,JS跳转地址会被抓取

    这段时间碰到个很崩溃的问题,一个页面通过 script 加载请求服务端进行统计再输出js进行跳转,分为两个步骤分别统计, 打开页面通过script 请求远程服务器进行统计并输出要通过js使页面跳转的最 ...