如果您还没有检查过 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]。