将 API 数据中的州添加到国家/地区

Question

我有一个 API，它以以下格式返回数据：

[

 {

  "id": 12,

  "acf": {

    "address": {

      "city": "Bandar Penawar",

      "state": "Johor",

      "country": "Malaysia",

   }

 },

 {

  "id": 16,

  "acf": {

    "address": {

      "city": "Some City",

      "state": "Arizona",

      "country": "United States",

   }

 }

]

现在，我正在获取具有以下计算代码的国家和州列表：

computed: {

    countries() {

      const countries = new Set();

      this.$store.state.posts.forEach((post) =>

        countries.add(post.acf.address.country)

      );

      return Array.from(countries);

    },

    states() {

      const states = new Set();

      this.$store.state.posts.forEach((post) =>

        states.add(post.acf.address.state)

      );

      return Array.from(states);

    },

  },

这将返回两个单独的数组，countries并且states，如何按国家/地区以及该国家/地区内的州组织数组？

Answer 1

您可以使用一个字典，其键是国家/地区名称，值是州数组：computed: {  dictionary() {    const dictionary = {};    this.$store.state.posts.forEach(post => {      const c = post.acf.address.country;      const s = post.acf.address.state;      dictionary[c] = dictionary[c] || [];      !dictionary[c].includes(s) && dictionary[c].push(s);    });    return dictionary;  }}处理重复：如果&&/push语句看起来很奇怪，那么它就像一个简短的if语句，测试状态是否已经在列表中，如果不在则只到达推送语句