javascript - 使用 .filter() 方法 javascript 生成对象列表

Question

我正在研究 Javascript 中的 .filter() 方法。我在网上看到了这个例子。

var heroes = [
        {name: "Batman", franchise: "DC"},
        {name: "Ironman", franchise: "Marvel"},
        {name: "Thor", franchise: "Marvel"},
        {name: "Superman", franchise: "DC"}
    ];

  var marvelHeroes = heroes.filter(function(hero) {
      return hero.franchise == "Marvel";
  })

  document.write(marvelHeroes);

我希望获得仅显示 Marvel 英雄的对象数组。但是，当我尝试打印 marvelHeroes 变量的结果时，我得到以下结果:

[对象对象],[对象对象]

谁能告诉我这里出了什么问题？

Answer 1

问题是，您要向它发送原始 JavaScript 对象。正如其他人指出的那样，如果您对该数组进行字符串化，错误就会消失。 [object Object] 出现的原因是浏览器只能将字符串放在 HTML 中。因此，为了将这些对象强制转换为字符串，它使用了 Object#toString 方法，这导致每个方法都被转换为一个字符串，如 [object Object]。通过在将对象写入文档之前使用 JSON.stringify 序列化对象，您可以确保对象以字符串形式正确表示。

const object = { a: 'a', b: '2', c: 3 };
const stringOne = object.toString();
const stringTwo = JSON.stringify(object);

document.write(stringOne);
document.write(stringTwo);