POSTED BY
2022-12-13

こんな感じのJSONオブジェクトが変数jsonに入っているとして、

{
  "Places": [
    {
      "Id": 6145,
      "ParentId": 115,
      "Code": "PDX",
      "Type": "City",
      "Name": "ポートランド"
    },
    {
      "Id": 14213,
      "ParentId": 5186,
      "Code": "MNL",
      "Type": "Airport",
      "Name": "マニラ (ニノイ・アキノ)"
    },
    {
      "Id": 13068,
      "ParentId": 5965,
      "Code": "KIX",
      "Type": "Airport",
      "Name": "大阪 関西国際"
    },
    {
      "Id": 5772,
      "ParentId": 115,
      "Code": "NYC",
      "Type": "City",
      "Name": "ニューヨーク"
    }
  ]
}

TypeがAirportである先頭の要素１つだけを取り出したい場合（高速）以下のように書く。

var first_airport = json.Places.find((v) => v.Type == "Airport");
console.log(first_airport.Name); //マニラ (ニノイ・アキノ) が出力される。

TypeがCityである要素をすべて取り出したい場合以下のように書く。上記と異なり結果は配列で返る。

var all_cities = json.Places.filter(function(item, index){
  if (item.Type == "City" ) return true;
});
for( var i = 0; i < all_cities.length; i++ ){
  console.log(all_cities[i].Name);
}
//↑ ポートランド、ニューヨークが出力される。all_cities.lengthは2

オンライン&マンツーマン形式のダンスレッスン【スポともダンス】

幼児から大人まで幅広くご利用いただいているオンラインダンスレッスンです■サービス/商品の強み(1)未経験...【READ MORE】

完全オーダーメイドの護符作成

【かなえや】の開運【護符】販売の販促プログラムです。 混沌とした現代では目に視えない高次のパワーを頼...【READ MORE】

美容鍼灸院【HARICCHI】が開発したオールインワン美容液　『ハリッチプレミアムリッチプラス』

【 HARICCHI PREMIUM RICH PLUS + 】 塗る美顔鍼〜ハリッチプレミアムリッチプラス 〜ハリッチ史上 最高峰の...【READ MORE】