2024年前端最新Javascript 常见的高阶函数，15个经典面试问题及回答思路视频

前端面试技巧：数组操作与ES6语法详解

最新推荐文章于 2024-05-29 17:08:37 发布

原创最新推荐文章于 2024-05-29 17:08:37 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

163 篇文章

订阅专栏

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

实例1：取出数组中小于 100 的数据，放到一个新数组中

let grad = [ 102, 188, 55, 66, 200, 800 ]

let arr2 = grad.filter( function(item){

return item <= 100

})

console.log(“arr2”,arr2)// 55, 66

上述实例中，filter传入的参数是一个函数，传入的函数依次作用于每个元素，然后根据返回值是 true 或 false 决定保留还是丢弃元素。因为只有 55 66 两个满足条件，所以新的数组中只有这两个元素。

1.2、map

map 是映射的意思。

原数组被映射成一个新的数组，返回值是一个新数组，不改变原来的数组。新的数组与原数组的长度是不会改变的。

实例2：给数据每个元素放大 2 倍。

let arr2 = [ 55, 66 ]

let arr3 = arr2.map( item => {

return item*2

})

//返回结果 [ 110, 132 ]

上述实例，map接收的参数是一个函数，该函数依次作用于每个元素，对元素放大了2倍，也可以对其进行任意的复杂操作。

1.3、reduce

reduce 是对数组进行汇总的，往往进去一个数组，出来是一个数据。经常用于求和和计算平均值。

实例3：对上个实例返回的结果进行求和。

let sum = arr3.reduce((tmp,item)=>{

return tmp+item

})

//返回结果 242

重点来了，如果我们想把上边三个实例合并到一起执行，最终我们可以写得有多简单呢？

// 复杂写法

let grad = [102,188,55,66,200,800]

let arr2 = grad.filter(function(item){

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道