js-数组算法收集版(转)
不管是在面试中还是在笔试中,我们都会被经常问到关于javascript数组的一些算法,比方说数组去重、数组求交集、数组扰乱等等。今天抽点时间把javascript中的一些常用的数组算法做一下总结,以方便大家面试笔试或者日常开发过程中用到。其中部分算法来自网络,这里做了下汇总整理。文章末尾我会把参考的来源附上去,如果直接看算法比较枯燥的可以到参考文献里去看,讲解的非常不错。
|
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 } |
|
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 } |
|
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 } |
|
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 } |
|
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 } |
|
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 } |
|
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;} |
|
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 }1011 return a;12 }; |
js-数组算法收集版(转)的更多相关文章
- js数组去重 javascript版
//js数组去重 //思路: // 1.放入第一个元素 // 2.放入第n个元素,和第n个之前的元素就行比较,如果有重复,则跳过.没有重复就加入数组中 // 3.返回新的去重后数组 Array.pro ...
- JS数组去重精简版
看了很多人写的好几个去重方法,我在这里精简组合下,适用于已排序与未排序的数组. 废话不多说,上代码. <!DOCTYPE html> <html> <head> & ...
- js数组算法题01
题目:随机生成一个长度为 10 的整数类型的数组,例如 [2, 10, 3, 4, 5, 11, 10, 11, 20],将其排列成一个新数组,要求新数组形式如下,例如 [[2, 3, 4, 5], ...
- JS中几种常见的数组算法(前端面试必看)
JS中几种常见的数组算法 1.将稀疏数组变成不稀疏数组 /** * 稀疏数组 变为 不稀疏数组 * @params array arr 稀疏数组 * @return array 不稀疏的数组 */ f ...
- JS数组去重的6种算法实现
1.遍历数组法 最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中:注意点:判断值是否在数组的方法"indexOf"是ECMAScript5 方法 ...
- 「面试指南」JS数组Array常用算法,Array算法的一般解答思路
先看一道面试题 在 LeetCode 中有这么一道简单的数组算法题: // 给定一个整数数组 nums 和一个目标值 target, // 请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下 ...
- 总结下js排序算法和乱序算法
其实本人最怕的就是算法,大学算法课就感觉老师在讲天书,而且对于前端来说,算法在实际的应用中实在是很有限.毕竟算法要依靠大量的数据为基础才能发挥出算法的效率,就浏览器那性能,......是吧,退一万步说 ...
- js数组遍历和对象遍历
针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历:还有性能,优缺点等. JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( ...
- js数组操作记录
一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. arrayObject.splice(index,howmany,item1,.....,itemX) 参数 描述 in ...
随机推荐
- FineReport中以jws方式调用WebService数据源方案
在使用WebService作为项目的数据源时,希望报表中也是直接调用这个WebService数据源,而不是定义数据连接调用对应的数据库表,这样要怎么实现呢? 在程序中访问WebService应用服务, ...
- python_login输入三次错误密码锁定密码_密码不允许为空
#!/usr/bin/env python #_*_coding:utf-8_*_ #by anthor zhangxiaoyu 2017-01-10 import getpass import os ...
- grunt--自动化任务快速上手
这篇文章将带领你用Grunt来提速和优化网站开发的流程.首先我们会简短介绍Grunt的功能,然后我们直接上手,介绍如何用Grunt的不同插件来替你完成网站项目开发中的很多繁冗工作. 接着我们会创建一个 ...
- ie7,IE8不支持document.getElmentsByClassName的问题
if (!document.getElementsByClassName) { document.getElementsByClassName = function(className, elemen ...
- Java学习笔记-Json
//先导入gson到lib,add build path //2015年5月5日22:02:37 package com.alfredsun.thread; import com.google.gso ...
- CreateMutex()参数报错问题
举例: hMutex = CreateMutex(NULL, FALSE,"screen"); 报错 error C2664:"CreateMutexW": 不 ...
- hibernate内部测试题总结
在Hibernate中,关于脏检查和刷新缓存说法正确的是(ab ). A.当事务提交时,会发生脏检查 B.Session的flush( )方法是刷新缓存的方法 C.在执行Session的commit( ...
- CentOS 7 systemd service开机启动设定
#vi /etc/systemd/system/xxx.service [Unit] Description=startup script test [Service] Type=simple Exe ...
- canvas烟花-娱乐
网上看到一个释放烟花的canvas案例,很好看哦. 新建文本,把下面代码复制进去,后缀名改为html,用浏览器打开即可. 看懂注释后,可以自己修改烟花的各个效果.我试过让烟花炸成了心型.:-) < ...
- Hibernate 框架基本知识
QTP:Quick Test Pressional 1,Hibernate是一个优秀的java持久化层解决方案,是当今主流的对象-关系映射(ORM,ObjectRelationalMapping)工具 ...