javascript - 设置数组的属性，在 chrome/node/canary 中返回时髦的数组？

Question

从下面的函数中，从 chrome 控制台返回的数组应该像这样显示吗？

[ name: 'Mike', age: 60, role: 'director' ]

当我在 Chrome 控制台中键入数组时，我收到返回的预期语法错误。我知道我正在空数组上设置属性，但我认为该数组不会像这样显示[姓名:“迈克”，年龄:60， Angular 色:“导演”]

这个 chrome 是否试图通过告诉我属性来帮助我？

在 jsfiddle、firefox 和 safari 中输入该函数会返回一个空数组，但 chrome 会显示数组上的属性。

var object = {
  name: 'Mike',
  age: 60,
  role: 'director'
}
var array = []

function test_reduce(object) {
  return Object.keys(object).reduce(function(array, key) {
    array[key] = object[key]
    return array;
  }, array)
}

var dummy_1 = test_reduce(object)
console.log(dummy_1)

function test_Loop(object) {
  for (var key in object) {
    array[key] = object[key]
  }
  return array;
}

var dummy_1 = test_reduce(object)
console.log(dummy_1)
console.log(test_Loop(object))

我正在使用

Chrome Version 61.0.3119.0 (Official Build) canary (64-bit)
Chrome Version 58.0.3029.110 (64-bit)
Node.js v7.7.4
Safari Version 10.1.1 (12603.2.4)
Firefox 53.0.3 (64-bit)

Answer 1

在所有情况下返回的数组都是相同的，尽管其他浏览器默认情况下不会列出数组的属性，但 chrome 会列出(特定于空数组用作 map 时的场景)。例如，如果您单击 Firefox 控制台上返回的空数组，它将列出您已添加的属性。