javascript - 为什么 Array.prototype.map 会忽略稀疏数组中的空槽，而 Array.prototype.join 不会？

Question

当应用于具有值Array.prototype.map的数组时，该函数按预期工作：undefined

const array = [undefined, undefined, undefined];
console.log(array.map(x => 'x')); // prints ["x", "x", "x"]

但是，当map在具有空槽的稀疏数组上使用时，它不会像前面的示例那样将它们映射到“x”。相反，它返回undefined值：

const array = [,,,];
console.log(array.map(x => 'x')); // prints [undefined, undefined, undefined]

即使我们有一个混合了空槽和实际值的数组，也只有后者被映射：

const array = [,'a',,'b',];
console.log(array.map(x => 'x')); // prints [undefined, "x", undefined, "x"]

相比之下，我注意到Array.prototype.join在空槽上工作：

const array = [,,,,];
console.log(array.join('x')); // prints "xxx"

为什么join将空槽视为有效元素，但map没有？

此外，在连接文档中，他们提到如果元素是或undefined，则将其转换为空字符串。他们没有提到空槽，但似乎他们也在将它们转换为空字符串。nullempty array []

那么它是 MDN 文档中的问题吗？为什么不join以同样的方式忽略空槽map呢？这似乎是文档中的问题或join.

标签： javascriptarrays

Answer 1

join尝试生成数组的序列化表示。map通过一些变换函数产生数组元素的投影。

使用map，可以说：“当您单步遍历数组时，如果遇到没有属性的索引，请在输出数组中同样取消设置该属性。” 对于所有现有属性，输出索引仍将对应于它们的输入索引，并且在输入和输出中都会跳过缺失的属性。

使用join's 字符串输出，我们不能真正做到这一点。如果我们加入[,'a',,'b',]，则输出,a,,b,是表示这一点的最佳方式。跳过缺失属性的输出（即，a,b）将具有极大的误导性，看起来是一个长度为 2 的数组，其元素位于索引0和1.

不同map的是，它可以生成一个具有各种存在或不存在属性的数组，它join被卡在渲染字符串输出中，它无法轻易区分其输出中缺失的属性和空属性，而不会产生极大的误导性结果。

为了完整起见，这里是实际的 ECMAScript 指定的行为，其中函数循环输入数组（在每个数组中，k是循环变量）：

Array.prototype.join

重复，而k < len

• 如果k > 0，则将 R 设置为R和sep的字符串连接。
• 让元素是？获取（O，！ToString（k））。
• 如果element为undefined或null，则让next为空字符串；否则，让下一个？ToString（元素）。
• 将R设置为R和next的字符串连接。
• 将k增加1。

Array.prototype.map

重复，而k < len

• 让PK成为！ToString( k )。
• 让kPresent成为 ? 有属性（O，Pk）。
• 如果kPresent为true，则
  • 让kValue为 ? 获取（O，Pk）。
  • 让mappedValue成为 ? 调用（回调函数，T，« kValue，k，O »）。
  • 履行 ？CreateDataPropertyOrThrow( A , Pk , mappedValue )。
• 将k增加1。

即使您不知道如何阅读所有这些内容，也很容易看到其中map包括HasProperty在第二个循环步骤中的检查。join明确地说“如果元素是undefinedor null，让next是空字符串。” Get(O, ! ToString(k))是一种常见的属性查找，对于普通对象，undefined当属性不存在时产生，因此“如果元素是undefined”的情况适用。

值得注意的是，MDN 文档简化了其信息，以便专注于最常见的情况，而不是坚持严格的完整性。（我会说稀疏数组是一种不常见的情况。）特别是，他们说空数组将序列化为空字符串，这是真的。toString对于具有返回空字符串的函数的任何值，这通常是正确的：

["foo", { toString: a=>""}, "bar"].join()

这将产生输出foo,,bar。