Как создать массивы из JSON?

Question

[Recreator]

Есть JSON такого вида:

[
  {
    "country": "Cuba",
    "place": "Havana",
    "latlng": [
      23.0061213,
      -82.4850264,
      10.18
    ]
  },
...
]

Получаю его через fetch:

async function getJson() {
  const resp = await fetch('./data/travel.json');
  const json = await resp.json();
  return json;
}

getJson().then((json) => {
  var listCountry = json.map(function (item) {
    return `${item.country}`;
  });
  // страны могут повторяться, удаляем дубли стран
  var countries = [...new Set(listCountry)];
  console.log(countries);
  var city = json.map(function (item) {
    return `${item.place}`;
  });
  console.log(city);
});

В log выводит все так, как и надо.
Вопрос: как мне создать и вынести эти два массива countries и city в видимую область для autocomplete.js?

Answer 1

[Сергей Соколов]

Не «как», а «когда».

Там, где console.log() выводит успешно то, что надо — там же и инициализируйте autocomplete.

Comments

[Recreator]

к сожалению, я еще очень плохо знаю Javascript((
Вот демка autocomplete, который я пытаюсь прикрутить:
демка

[Сергей Соколов]

Recreator, где-то у вас в коде должно быть что-то похожее на

new autocomplete({ ...и дальше куча параметров... });

— вот эту всю макаронину надо перенести в то место кода, где у вас console.log() триумфально выводит нужное )

[Recreator]

Сергей Соколов, спасиб!