使用 Javascript 在 JSON 中查找值

Question

我是 Javascript 的新手，接到了一项任务。我有一个 JSON 提要，其提供如下：

var data = {
  "feeds": {
    "regions": [{
        "name": "Lichtenberg",
        "id": "01408.b",
        "suburbs": [{
            "name": "Fennpfuhl",
            "views": 76400
          },
          {
            "name": "Lichtenberg",
            "views": 87895
          },
          {
            "name": "Rummelsberg",
            "views": 10239
          }
        ]
      },
      {
        "name": "Mitte",
        "id": "03442.f",
        "suburbs": [{
            "name": "Tiergarten",
            "views": 82695
          },
          {
            "name": "Mitte",
            "views": 67234
          },
          {
            "name": "Hansaviertel",
            "views": 10848
          },
          {
            "name": "Moabit",
            "views": 67500
          }
        ]
      },
      {
        "name": "Friedrichshain-Kreuzberg",
        "id": "01991.o",
        "suburbs": [{
            "name": "Friedrichshain",
            "views": "98494"
          },
          {
            "name": "Kreuzberg",
            "views": "27800"
          }
        ]
      },
      {
        "name": "Templehof-Schöneberg",
        "id": "01778.k",
        "suburbs": [{
            "name": "Friedenau",
            "views": 76595
          },
          {
            "name": "Schöneberg",
            "views": 20731
          },
          {
            "name": "Templehof",
            "views": 58000
          },
          {
            "name": "Mariendorf",
            "views": 32300
          }
        ]
      },
      {
        "name": "Pankow",
        "id": "02761.q",
        "suburbs": [{
            "name": "Wießensee",
            "views": 81294
          },
          {
            "name": "Prenzlauer Berg",
            "views": 76470
          },
          {
            "name": "Pankow",
            "views": 90210
          }
        ]
      }
    ],
    "branding": [{
      "municipality_id": "01408.b",
      "brand_color": "#f9cd90"
    }, {
      "municipality_id": "03442.f",
      "brand_color": "#F28123"
    }, {
      "municipality_id": "01991.o",
      "brand_color": "#D34E24"
    }, {
      "municipality_id": "01778.k",
      "brand_color": "#563F1B"
    }, {
      "municipality_id": "02761.q",
      "brand_color": "#38726C"
    }],
    "customer": {
      "name": "Viktoria Tiedemann",
      "date_of_birth": "1981-09-19",
      "address": {
        "street": "Schönfließer Str 9",
        "suburb": "Prenzlauer Berg",
        "postcode": "10439"
      }
    }
  }
};

任务很简单 - 找到 Viktoria Tiedemann 的郊区和地区。到目前为止，我已经尝试使用以下内容：

var customer_suburb;
var customer_name = 'Viktoria Tiedemann';
for (var i = 0; i < data.feeds.customer.length; i++){
  if (data.feeds.customer.name[i] == customer_name){
    customer_suburb = data.feeds.customer.address.suburb;
  }
}

但它一直返回未定义的值 - 我哪里出错了？我正在考虑使用相同的过程来获取该区域。

Answer 1

在您的数据中，您只有一个客户——而不是一组客户——可以通过以下方式访问：

data.feeds.customer

( if customer 应该是一个数组，你可以找到 Viktoria : let customer = data.feeds.customer.find(c => c.name === 'Viktoria Tiedemann') )

您可以通过以下方式获得郊区：

let suburb = data.feeds.customer.address.suburb

一旦你有了它，你只需要 find() 其 suburbs 阵列有这个的区域。对于 find() 与 some() 的结合，可以简洁地做到这一点：

var data = {"feeds": {"regions": [{"name": "Lichtenberg","id": "01408.b","suburbs": [{ "name": "Fennpfuhl", "views": 76400 },{ "name": "Lichtenberg", "views": 87895 },{ "name": "Rummelsberg", "views": 10239 }]},{"name": "Mitte","id": "03442.f","suburbs": [{ "name": "Tiergarten", "views": 82695 },{ "name": "Mitte", "views": 67234 },{ "name": "Hansaviertel", "views": 10848 },{ "name": "Moabit", "views": 67500 }]},{"name": "Friedrichshain-Kreuzberg","id": "01991.o","suburbs": [{ "name": "Friedrichshain", "views": "98494" },{ "name": "Kreuzberg", "views": "27800" }]},{"name": "Templehof-Schöneberg","id": "01778.k",  "suburbs": [{ "name": "Friedenau", "views": 76595 },{ "name": "Schöneberg", "views": 20731 },{ "name": "Templehof", "views": 58000 },{ "name": "Mariendorf", "views": 32300 }]},{"name": "Pankow","id": "02761.q","suburbs": [{ "name": "Wießensee", "views": 81294 },{ "name": "Prenzlauer Berg", "views": 76470 },{ "name": "Pankow", "views": 90210 }]}],"branding": [{"municipality_id": "01408.b","brand_color": "#f9cd90"},{"municipality_id": "03442.f","brand_color": "#F28123"},{"municipality_id": "01991.o","brand_color": "#D34E24"},{"municipality_id": "01778.k","brand_color": "#563F1B"},{"municipality_id": "02761.q","brand_color": "#38726C"}],"customer": {"name": "Viktoria Tiedemann","date_of_birth": "1981-09-19","address": {"street": "Schönfließer Str 9","suburb": "Prenzlauer Berg","postcode": "10439"}}}};

let suburb = data.feeds.customer.address.suburb
let region = data.feeds.regions.find(region => region.suburbs.some(s => s.name === suburb))

console.log("suburb:", suburb, "region:", region.name)

使用 Javascript 在 JSON 中查找值

Lookup Value in JSON using Javascript

javascript

lookup

search

json