фильтрация таблицы javascript на основе ее значений

Question

Моя таблица / массив создан в Javascript и не имеет жесткой кодировки в HTML.

Я пытаюсь отфильтровать и вернуть таблицу по любому, кто посетил Великобританию.

Я хочу разместить функцию с параметрами (кандидаты, страны).

var people = [
      { name: "Matt", countries: ["UK", "USA", "Russia"] },
      { name: "Simon", countries: ["Canada", "China"] },
      { name: "Ben", countries: ["UK", "India"] },
      { name: "Katie", countries: ["UK", "China"] },
      { name: "Omar", countries: ["Canada", "China"] },
      { name: "Simon", countries: ["India", "China", "USA"] },
    ];

Я пытался

people.filter(person=>person.countries.includes('UK'))

Однако таблица не является динамической и не изменяется, чтобы отражать это на моей веб-странице, если я использую этот код, вместо этого она просто возвращает исходный массив 'people'. Почему этот подход не работает?

Answer 1

Я думаю, это то, что вы ищете:

const people = [
  { name: "Matt", countries: ["UK", "USA", "Russia"] },
  { name: "Simon", countries: ["Canada", "China"] },
  { name: "Ben", countries: ["UK", "India"] },
  { name: "Katie", countries: ["UK", "China"] },
  { name: "Omar", countries: ["Canada", "China"] },
  { name: "Simon", countries: ["India", "China", "USA"] },
];

const filterCandidates = (candidates, country) =>
  candidates.filter(({ countries }) =>  countries.includes(country));

результат:

[{ "Имя": "Мэтт", "страна": [ "Великобритания", "США", "Россия"]}, { "имя": "Бен", "страна": [ "Великобритания", "Индия"]}, { "имя": "Кэти", "страна": [ "Великобритания", "Китай"]}]

https://es6console.com/jtm4kvvn/