JavaScript 测验 #9

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

如果您还没有检查过 JavaScript 测验 7 和 8,请在完成这一项后花一些时间查看它们。每一个都建立在另一个之上,并且它们变得越来越困难。看看你是否真的了解你的 JavaScript 数组。


 <script>
    var x = [1, 2, 3, 4].map(function(x, y) { return x + y } );
alert(x);

</script>

问题 :这段代码会成功还是失败?如果成功,警报的输出是什么?

*把你的答案写在一张纸上,然后阅读答案。*


回答

该代码将正常工作。最后的结果是 [1, 3, 5, 7]。让我们理解为什么我们会得到这个结果。理解前面的表达式的关键是理解 Array.prototype.map 是如何工作的。

根据 ECMA 文档, Array.prototype.map 创建了一个新数组并对该数组中的每个元素调用提供的函数。该函数表示第一个参数。这意味着将对数组中的每个元素调用以下函数:


 <script>
    var x = [1, 2, 3, 4].map(function(x, y) { return x + y } );
alert(x);

</script>

Array.prototype.map 将数组元素及其索引传递给提供的函数。这意味着生成的数组将如下所示:
[1 + 0, 2 + 1, 3 + 2, 4 + 3] ==> [1, 3, 5, 7]。