Javascript：forEach、map，字节Web前端高工面试

=================================================================

会返回一个新的数据，其中值有map中的表达式决定。

基础使用语法：

let array3 = array2.map(value => 条件)

let res = array2.map(function(item,index,arr){

return 条件;

})

举例：

let array2 = [4, 5, 6];

let array3 = array2.map(value => value * 2)

console.log(array2)

console.log(array3)

运行结果：

filter的使用

====================================================================

会过滤原数组，返回一个新的数组，过滤条件由filter中表达式决定

基础使用语法：

let array5 = array4.filter(value => 条件)

举例：

let array4 = [1, 2, 3, 4, 5, 6];

let array5 = array4.filter(value => value % 2 === 0)

console.log(array4)

console.log(array5)

运行结果：

reduce和reduceRight的使用

================================================================================

按照条件对原数组进行操作。

比如对原数组进行求和（求积），或在某数基础上对某一数组进行求和（求积）

基础使用语法：

let result = array6.reduce(函数,初始值,初始值下标,初始值下标数组)

举例：

let array6 = [1, 2, 3, 4];

function getSum(total, num) {

return total + num;

}

let result1 = array6.reduce(getSum);

let result2 = array6.reduce(getSum, 3);

let result3 = array6.reduce(getSum, 1, [1, 2, 3]);

console.log(result1, result2, result3);

运行结果：

reduceRight()方法的功能和reduce()功能是一样的，不同的是reduceRight()从数组的末尾向前将数组中的数组项做操作。

运算条件：求todo中finished为true的数据个数

finishedCount() {

return this.todos.reduce((total, todo) => total + (todo.finished ? 1 : 0), 0)

}

find和findIndex的使用

============================================================================

find：查询数组中第一个满足某条件的值

findIndex：查询数组中第一个满足某条件的值的下标

基础使用语法：

array7.find((value => 条件))

array7.findIndex((value => 条件))

举例：

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

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

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

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

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

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

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

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

识要点：**

1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-xomIMIXn-1712731687026)]

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