重在分享，[JavaScript] 数组迭代方法详解，【面试必会

我们也可以循环输出index也就是数组索引值，还可以输出数组本身。如果我们用不到index和array参数那么就可以省略它们。

2.Array.map()

1. map() 方法通过对每个数组元素执行函数来创建新数组。

2. map() 方法不会对没有值的数组元素执行函数。

3. map() 方法不会更改原始数组。

该函数也接受三个参数：

• 项目值

• 项目索引

• 数组本身

当回调函数仅使用 value 参数时，可以省略索引和数组参数：

特点：

map的回调函数中支持return返回值，return的是啥，相当于把数组中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆了一份，把克隆这一份的数组中的对应项改变了 ）。

实例：

var txt = [];

var numbers = [45, 4, 9, 16, 25];

txt = numbers.map(function(value,index,array){

return value*2;

});

console.log(txt);

输出：

3.Array.filter()

filter() 方法创建一个包含通过测试的数组元素的新数组。

此函数接受 3 个参数：

• 项目值

• 项目索引

• 数组本身

在下面的例子中，回调函数不使用 index 和 array 参数，因此可以省略它们

特点：

如果我们需要以一定条件筛选数组里的元素并输出，那用这个方法最合适不过了，筛选条件就作为return值写在回调函数中就行

实例：（筛选出数组里大于20的元素）

var txt = [];

var numbers = [45, 4, 9, 16, 25];

txt = numbers.filter(function(value,index,array){

return value>20;

});

console.log(txt);

输出：

4.Array.reduce()

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

语法：

array.reduce(function(prev, current, currentIndex, arr), initialValue)

1. prev：函数传进来的初始值或上一次回调的返回值

2. current：数组中当前处理的元素值

3. currentIndex：当前元素索引

4. arr：当前元素所属的数组本身

5. initialValue：传给函数的初始值

reduce的应用：

1.数组求和：

var sum = 0;

var numbers = [45, 4, 9, 16, 25];

sum = numbers.reduce(function(prev,current){

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

og.csdnimg.cn/img_convert/c6738a80c94640db83f7ffbf487ac5f0.png)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-ZOedvaJs-1712582453601)]