javascript函数在控制台和html页面中提供不同的结果

function removeRed(foodArray) {
  return foodArray.filter(function (food) {
    return food.color !== "red";
  });
}
document.write(
  removeRed([
    { name: "Apple", color: "red" },
    { name: "Egg", color: "white" },
    { name: "orange", color: "orange" },
  ])
);
console.log(
  removeRed([
    { name: "Apple", color: "red" },
    { name: "Egg", color: "white" },
    { name: "orange", color: "orange" },
  ])
);`

我在控制台日志中得到了所需的结果，但document.write给出了输出-“[对象对象]，[对象对象】”有人能告诉我发生了什么吗your text