程序员头像总有一款适合你

为什么要写这么一篇文章原因是今天下午水群的时候有个小伙伴分享自己的面试题其中一个是foreach和map的区别其实是蛮简单蛮基础的一道题但是他是这么回答的

一个会改变原数组一个不会

然后我发现真的很多人都这么认为的那这真的是一件很可怕的事情明明你自己试一下就知道了甚至有不少文章都是这么写的但是我也看到了不错的文章写的已经不错了

简单来说什么意思map会返回一个新的数组而forEach不会实际上是因为forEach不会返回任何值实际上返回的是undefined而map

map

{result.push(callback(array[i],

array));}return

的实现原理相似。

它们都是通过遍历数组对数组的每个元素执行特定的函数。

区别主要在于它们处理函数返回值的方式不同。

forEach

map

在内部这两个函数可能会使用一个类似于下面的for循环来遍历数组

for

的内部实现中还会有一个新的数组用于收集每次调用回调函数的结果。

这个新的数组最后会被返回

let

{newArray.push(callback(array[i],

array));

newArray;那么这个时候有人可能会想那我使用forEach的时候加个return不就得了咱们先不说能不能实现就是真实现了我觉得是没什么实际意义的尽管你可以在回调函数中添加返回语句但这个返回值不会被

forEach

所以重点来了我们回到这个问题问js的forEach和map的区别显而易见一个会改变原数组一个不会这个答案毫无疑问是错误的

这里我们其实应该思考的是为什么基础数据类型不会更改引用类型会更改

forEach

方法时对引用类型元素的修改会直接反映在原始数组中。

这是因为引用类型的元素实际上存储的是引用内存地址而非值本身。

因此通过引用可以访问和修改原始数组中的元素。

而number,string,Boolean,null,undefined它们在栈内存中直接存储变量与值

我们再回头看这个

语句可以当前回调函数中返回而map不能只能遍历完整个数组。

foreach不支持链式调用而map支持链式调用可以继续对返回的新数组进行操作。

这里注意forEach

此行代码不会执行因为上面的代码会抛出错误//for循环则可以const

array

3作为数组最常见的几个api之一我觉得搞懂它是有必要的当然我这里说的其实是不全的因为网上的文章较多文档也很详细这篇文章主要的目的是帮助一些小伙伴纠正一下~

最后如有哪里不正确请您指正~

这里是文章发出一段时间的致谢补充很感谢评论区的一些建议和指正主要是我在forEach这里说出了它可以跳出循环本次循环大家进行了指正

前端面试题库