javascript - 两个代码之间的差异

Question

嘿伙计们，我很抱歉这个标题，但我不知道如何解释我的问题。

我想知道为什么这两个代码(对我来说是同一件事)返回不同的结果:

var name  = 'NAME';
var rules = [
  { name: 'NAME_RULES' }
];

var x = [].push(rules.map(function(rule){
  return rule.name;
}));

document.body.innerHTML = x;

还有:

var name  = 'NAME';
var rules = [
  { name: 'NAME_RULES' }
];

var x = [];
y = rules.map(function(rule){
  return rule.name;
});
x.push(y);

console.log(x);

我想从第一个片段中获得相同的结果。

谢谢。

Answer 1

[].push 返回数组的新长度而不是修改后的数组

var x = [rules.map(function(rule){
  return rule.name;
})];

您可以创建包含该值的数组。