javascript - 过滤数组并打印为 HTML

Question

我是 JS 新手，目前正在学习数组。

我被困在如何为过滤项目打印出数组的 description 属性，我只想显示“项目 1”，但目前我正在获取 [对象对象]。

const items = [{
    id: 1,
    description: "item 1"
  },
  {
    id: 2,
    description: "item 2"
  },
  {
    id: 3,
    description: "item 3"
  },
  {
    id: 4,
    description: "item 4"
  },
  {
    id: 5,
    description: "item 5"
  }
]

let filterArray = items.filter(function(item) {
  return item.description === 'item 1'
})

let filterOutput = document.createElement('p');
filterOutput.innerHTML = filterArray
document.querySelector('#filtered').appendChild(filterOutput);

<div id="filtered"></div>

Answer 1

filterArray 看起来像这样 [{id: 1, description: "item 1"}]，这是一个对象。 JavaScript 不能从对象本身创建字符串(它只会变成 [Object object])，你可能想要的是 filterArray[0].description