2024年前端最全javascript常用数组算法总结，2024年字节跳动、阿里等大厂前端面试题

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

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 //利用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 //排序后比较相邻，如果一样则放弃，否则加入到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出现的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 }

方法5：

1 //此方法充分利用了递归和indexOf方法，感谢网友@真爱像深蓝

2 var unique = function (arr, newArr) {

3 var num;

4

5 if (-1 == arr.indexOf(num = arr.shift())) newArr.push(num);

6

7 arr.length && unique(arr, newArr);

8 }

2、数组顺序扰乱

---

方法1：

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 //跟方法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：

//前面随机抽数依次跟末尾的数交换，后面依次前移，即：第一次前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;

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】