javascript - 有条件地显示 html 并仅在存在值时显示

Question

我有一个功能

const displayPeople = people => {
  const html = people.map(
    person =>
      `<div class='person-item'>
    <h2 class='person-name'>${person.name}</h2>
    <p class='person-house'>${person.house}</p>
    </div>`
  );
  peopleGrid.innerHTML = html.join('');
};

但是，如果该人有房屋价值，我只想显示 html 内容。我没有房子，然后我不希望那个人被展示。

标签： javascript

Answer 1

people在将数组映射到 HTML 之前过滤数组以删除无房屋条目

const html = people.filter(p => !!p.house).map(person => ...)

看Array.prototype.filter()