Googleの場所apiの結果であるJSで文字列を解析するにはどうすればよいですか？ここ

は、Ajaxリクエストの結果である：Googleの場所apiの結果であるJSで文字列を解析するにはどうすればよいですか？ここ

console.log(locations.output); 
/* 
{ 
    "predictions" : [ 
     { 
     "description" : "Tehran Province, Iran", 
     "id" : "4c45c924b261e2bb262360fb5a25d4b9a94088a7", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJf5Us9YQBjj8R0OohvHQms1U", 
     "reference" : "CjQtAAAA6j_9DtMr30DQ9h8dzemfD2NaWEWBgf5yFlQ92XW4EZvHXqZ8Ob6wGkedetO1xNiZEhCGeIk7jBXCQP_ad4V0R-YeGhSIcGtxcxPh-G4e2DMT97Be4xdfkg", 
     "structured_formatting" : { 
      "main_text" : "Tehran Province", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 17, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "administrative_area_level_1", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran, Tehran Province, Iran", 
     "id" : "14788d031b564588682273730e2e16d2617d3548", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJ2dzzH0kAjj8RvCRwVnxps_A", 
     "reference" : "CkQ1AAAAGXsNCFct3XK9JukMD-C7D7j1f0b-Rk0uBZFULZ9TKziZVKz2HWeNWZ5xWU-aNIceYEioJRxHmYS_O7DhMW32YBIQzGS_zTt6aijJx_onRU9DTRoU-cPuoOF16KrzlFY_4EGlwVf1Izk", 
     "structured_formatting" : { 
      "main_text" : "Tehran", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 8, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 25, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "locality", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehranpars, Tehran, Tehran Province, Iran", 
     "id" : "09a979a1ac286c1ff2ee94c5d36258910d7f6ec6", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJX5PM9hwdjj8R6zn_mu5suoE", 
     "reference" : "ClRBAAAACKbtLWiAm5kV0JzYtPOLhQTuMxlMMIXxPGRmuLUF7xuAlx7Mueo91OuJmB4mTwo3T0NhnNhamVDUsKFE0fNffkZi1Bv-ZQs1TcXLNx195C0SELOTSsOMn6pYeSnFMtvVqsIaFCxWipFk_wIxDKVoLi8Cd8g993cG", 
     "structured_formatting" : { 
      "main_text" : "Tehranpars", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehranpars" 
      }, 
      { 
       "offset" : 12, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 20, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 37, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "neighborhood", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran Now, Tehran, Tehran Province, Iran", 
     "id" : "1f7583f258e7e92f03b818ba10c48e20d2bd9f59", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJ61k7RLICjj8RnvjuZpbZeEM", 
     "reference" : "ClRBAAAAydlnsS8Fjw9ibBXXX-XS4xuY4-7yEqMSZNTz66Q-4hRNnGdEGyOICqFbm4VQ4-ZV7O8fftoznes6-u-6sZyvz8Gp3N3hPLASFvtoWeJBPS8SEE8pPnxD20v8_NPnWLANDG8aFPfquA7RBNHvpEgiH5Q0eIqmtl5k", 
     "structured_formatting" : { 
      "main_text" : "Tehran Now", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Now" 
      }, 
      { 
       "offset" : 12, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 20, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 37, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "sublocality_level_1", "sublocality", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran Bazaar, Tehran, Tehran Province, Iran", 
     "id" : "7a97ba4c05dcb1b11c2153bd39673b6737aa5748", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJJX5my-8Bjj8RfAUG71zqw8s", 
     "reference" : "ClREAAAABs4mvt65BUJ7Z2arVA_cv7V0tdPJKoVy010IOFrlS-L6VfhrEmIQAuxTXVQhnAA19fjEtVbPag3lfb-UrsmnMROnzvXiffA7MKUvgASMwvwSEGx-aGYRXyP1Q9Bxr7HmMVIaFKaxQEb8tg4L7IlRIbITWpG4F5Mf", 
     "structured_formatting" : { 
      "main_text" : "Tehran Bazaar", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Bazaar" 
      }, 
      { 
       "offset" : 15, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 23, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 40, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "neighborhood", "political", "geocode" ] 
     } 
    ], 
    "status" : "OK" 
}

は、今私は、結果の自動補完リストを作成する必要があります。

<ul> 
    <li>Tehran Province, Iran</li> 
    <li>Tehran, Tehran Province, Iran</li> 
    <li>Tehranpars, Tehran, Tehran Province, Iran</li> 
    <li>Tehran Bazaar, Tehran, Tehran Province, Iran</li> 
</ul>

しかし、私は結果のdescriptionの値を選択することができますどのように私は知らない。私はそのようなことをする必要があるわけ。ここに私のコードはあります：

var html = "<ul>"; 
$.each(locations.output, function (index, value) { 
    console.log(value); 
}) 
var html += "</ul>"; 

/* 
" 
p 
r 
e 
d 
. 
. 
.

ご覧のとおり、結果は一文字になります。どのように値を取得できますか？

出典

2017-11-15 stack

それは文字列だ場合は、 'JSON.parse（場所を使用してそれを解析することができます。出力） ' – Sylwek

JavaScriptオブジェクトをレスポンスから取得するには、JSON.parse()を使用できます。あなたはこのようなあなたのコード内でresponseを使用することができるよりも

var response = JSON.parse(locations.output);

：

// Mocking response variable for code example.. 
 
var response = {"predictions": [{"description": "Tehran Province, Iran","id": "4c45c924b261e2bb262360fb5a25d4b9a94088a7","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJf5Us9YQBjj8R0OohvHQms1U","reference": "CjQtAAAA6j_9DtMr30DQ9h8dzemfD2NaWEWBgf5yFlQ92XW4EZvHXqZ8Ob6wGkedetO1xNiZEhCGeIk7jBXCQP_ad4V0R-YeGhSIcGtxcxPh-G4e2DMT97Be4xdfkg","structured_formatting": {"main_text": "Tehran Province","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Iran"},"terms": [{"offset": 0,"value": "Tehran Province"},{"offset": 17,"value": "Iran"}],"types": ["administrative_area_level_1", "political", "geocode"]},{"description": "Tehran, Tehran Province, Iran","id": "14788d031b564588682273730e2e16d2617d3548","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJ2dzzH0kAjj8RvCRwVnxps_A","reference": "CkQ1AAAAGXsNCFct3XK9JukMD-C7D7j1f0b-Rk0uBZFULZ9TKziZVKz2HWeNWZ5xWU-aNIceYEioJRxHmYS_O7DhMW32YBIQzGS_zTt6aijJx_onRU9DTRoU-cPuoOF16KrzlFY_4EGlwVf1Izk","structured_formatting": {"main_text": "Tehran","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran"},{"offset": 8,"value": "Tehran Province"},{"offset": 25,"value": "Iran"}],"types": ["locality", "political", "geocode"]},{"description": "Tehranpars, Tehran, Tehran Province, Iran","id": "09a979a1ac286c1ff2ee94c5d36258910d7f6ec6","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJX5PM9hwdjj8R6zn_mu5suoE","reference": "ClRBAAAACKbtLWiAm5kV0JzYtPOLhQTuMxlMMIXxPGRmuLUF7xuAlx7Mueo91OuJmB4mTwo3T0NhnNhamVDUsKFE0fNffkZi1Bv-ZQs1TcXLNx195C0SELOTSsOMn6pYeSnFMtvVqsIaFCxWipFk_wIxDKVoLi8Cd8g993cG","structured_formatting": {"main_text": "Tehranpars","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehranpars"},{"offset": 12,"value": "Tehran"},{"offset": 20,"value": "Tehran Province"},{"offset": 37,"value": "Iran"}],"types": ["neighborhood", "political", "geocode"]},{"description": "Tehran Now, Tehran, Tehran Province, Iran","id": "1f7583f258e7e92f03b818ba10c48e20d2bd9f59","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJ61k7RLICjj8RnvjuZpbZeEM","reference": "ClRBAAAAydlnsS8Fjw9ibBXXX-XS4xuY4-7yEqMSZNTz66Q-4hRNnGdEGyOICqFbm4VQ4-ZV7O8fftoznes6-u-6sZyvz8Gp3N3hPLASFvtoWeJBPS8SEE8pPnxD20v8_NPnWLANDG8aFPfquA7RBNHvpEgiH5Q0eIqmtl5k","structured_formatting": {"main_text": "Tehran Now","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran Now"},{"offset": 12,"value": "Tehran"},{"offset": 20,"value": "Tehran Province"},{"offset": 37,"value": "Iran"}],"types": ["sublocality_level_1", "sublocality", "political", "geocode"]},{"description": "Tehran Bazaar, Tehran, Tehran Province, Iran","id": "7a97ba4c05dcb1b11c2153bd39673b6737aa5748","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJJX5my-8Bjj8RfAUG71zqw8s","reference": "ClREAAAABs4mvt65BUJ7Z2arVA_cv7V0tdPJKoVy010IOFrlS-L6VfhrEmIQAuxTXVQhnAA19fjEtVbPag3lfb-UrsmnMROnzvXiffA7MKUvgASMwvwSEGx-aGYRXyP1Q9Bxr7HmMVIaFKaxQEb8tg4L7IlRIbITWpG4F5Mf","structured_formatting": {"main_text": "Tehran Bazaar","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran Bazaar"},{"offset": 15,"value": "Tehran"},{"offset": 23,"value": "Tehran Province"},{"offset": 40,"value": "Iran"}],"types": ["neighborhood", "political", "geocode"]}], "status": "OK"}; 
 
var html = '<ul>'; 
 

 
$.each(response.predictions, function (index, value) { 
 
    html += '<li>' + value.description + '</li>'; 
 
}); 
 
html += '</ul>'; 
 

 
$('#output').html(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="output"></div>

出典

2017-11-15 14:50:06

有効なオブジェクトを作成し、それを' locations'変数に初期化しました。実際には、その結果全体は単なる文字列です。 – stack

Thanks @stack ...更新された回答 –

ありがとうございます。 upvote – stack

locations.outputが文字列の場合は、jsonオブジェクトを取得するためにJSON.parse（locations.output）を使用する必要があります。あなたがそれを行うならば、あなたは予測をループできるようになります

： var output = JSON.parse(locations.output); $.each(output.predictions, function(value, index) { ... });

出典

2017-11-15 14:43:25

いくつかの問題がここにあります。最初の問題は、文字列を反復処理する代わりに、javascriptオブジェクトとして解析する必要があることです。第2の問題は、オブジェクトではなく配列を反復処理する必要があることです。

var html = "<ul>"; 
$.each(JSON.parse(locations.output.predictions), function (index, value) { 
    console.log(value, value.description); 
}) 
var html += "</ul>";

また、jquery JSON解析メソッドを使用することもできます。

$.each($.parseJSON(locations.output.predictions), function (index, value) { 
    console.log(value, value.description); 
})

出典

2017-11-15 14:44:50 Tatarin

Jsfiddle linkこのメソッドは文字列で記述JavaScriptの値またはオブジェクトを構築し、JSON文字列を解析し、

HTML：

<div id="myListDiv"> 

</div>

あなたの結果データ：

var result = { 
    "predictions" : [ 
     { 
     "description" : "Tehran Province, Iran", 
     "id" : "4c45c924b261e2bb262360fb5a25d4b9a94088a7", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJf5Us9YQBjj8R0OohvHQms1U", 
     "reference" : "CjQtAAAA6j_9DtMr30DQ9h8dzemfD2NaWEWBgf5yFlQ92XW4EZvHXqZ8Ob6wGkedetO1xNiZEhCGeIk7jBXCQP_ad4V0R-YeGhSIcGtxcxPh-G4e2DMT97Be4xdfkg", 
     "structured_formatting" : { 
      "main_text" : "Tehran Province", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 17, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "administrative_area_level_1", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran, Tehran Province, Iran", 
     "id" : "14788d031b564588682273730e2e16d2617d3548", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJ2dzzH0kAjj8RvCRwVnxps_A", 
     "reference" : "CkQ1AAAAGXsNCFct3XK9JukMD-C7D7j1f0b-Rk0uBZFULZ9TKziZVKz2HWeNWZ5xWU-aNIceYEioJRxHmYS_O7DhMW32YBIQzGS_zTt6aijJx_onRU9DTRoU-cPuoOF16KrzlFY_4EGlwVf1Izk", 
     "structured_formatting" : { 
      "main_text" : "Tehran", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 8, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 25, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "locality", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehranpars, Tehran, Tehran Province, Iran", 
     "id" : "09a979a1ac286c1ff2ee94c5d36258910d7f6ec6", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJX5PM9hwdjj8R6zn_mu5suoE", 
     "reference" : "ClRBAAAACKbtLWiAm5kV0JzYtPOLhQTuMxlMMIXxPGRmuLUF7xuAlx7Mueo91OuJmB4mTwo3T0NhnNhamVDUsKFE0fNffkZi1Bv-ZQs1TcXLNx195C0SELOTSsOMn6pYeSnFMtvVqsIaFCxWipFk_wIxDKVoLi8Cd8g993cG", 
     "structured_formatting" : { 
      "main_text" : "Tehranpars", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehranpars" 
      }, 
      { 
       "offset" : 12, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 20, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 37, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "neighborhood", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran Now, Tehran, Tehran Province, Iran", 
     "id" : "1f7583f258e7e92f03b818ba10c48e20d2bd9f59", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJ61k7RLICjj8RnvjuZpbZeEM", 
     "reference" : "ClRBAAAAydlnsS8Fjw9ibBXXX-XS4xuY4-7yEqMSZNTz66Q-4hRNnGdEGyOICqFbm4VQ4-ZV7O8fftoznes6-u-6sZyvz8Gp3N3hPLASFvtoWeJBPS8SEE8pPnxD20v8_NPnWLANDG8aFPfquA7RBNHvpEgiH5Q0eIqmtl5k", 
     "structured_formatting" : { 
      "main_text" : "Tehran Now", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Now" 
      }, 
      { 
       "offset" : 12, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 20, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 37, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "sublocality_level_1", "sublocality", "political", "geocode" ] 
     }, 
     { 
     "description" : "Tehran Bazaar, Tehran, Tehran Province, Iran", 
     "id" : "7a97ba4c05dcb1b11c2153bd39673b6737aa5748", 
     "matched_substrings" : [ 
      { 
       "length" : 6, 
       "offset" : 0 
      } 
     ], 
     "place_id" : "ChIJJX5my-8Bjj8RfAUG71zqw8s", 
     "reference" : "ClREAAAABs4mvt65BUJ7Z2arVA_cv7V0tdPJKoVy010IOFrlS-L6VfhrEmIQAuxTXVQhnAA19fjEtVbPag3lfb-UrsmnMROnzvXiffA7MKUvgASMwvwSEGx-aGYRXyP1Q9Bxr7HmMVIaFKaxQEb8tg4L7IlRIbITWpG4F5Mf", 
     "structured_formatting" : { 
      "main_text" : "Tehran Bazaar", 
      "main_text_matched_substrings" : [ 
       { 
        "length" : 6, 
        "offset" : 0 
       } 
      ], 
      "secondary_text" : "Tehran, Tehran Province, Iran" 
     }, 
     "terms" : [ 
      { 
       "offset" : 0, 
       "value" : "Tehran Bazaar" 
      }, 
      { 
       "offset" : 15, 
       "value" : "Tehran" 
      }, 
      { 
       "offset" : 23, 
       "value" : "Tehran Province" 
      }, 
      { 
       "offset" : 40, 
       "value" : "Iran" 
      } 
     ], 
     "types" : [ "neighborhood", "political", "geocode" ] 
     } 
    ], 
    "status" : "OK" 
};

データを抽出部：

var html = "<ul>"; 

for (i = 0; i < result.predictions.length; i++) { 
    html += "<li>"+result.predictions[i].description+"</li>"; 
} 

html += "</ul>"; 

var mydiv = document.getElementById('myListDiv').innerHTML = html;

出典

2017-11-15 15:06:47 osmanraifgunes

ありがとう、upvote – stack

結果はJSON文字列である場合は、反復処理するためにJSONオブジェクトに変換する必要があります。デモンストレーションの目的で、locations.outputは私のスニペットでlocationsJSONStringに相当します。以下のスニペットとコメントを参照してください。

JSfiddle link

var locationsJSONString = '{"predictions": [{"description": "Tehran Province, Iran","id": "4c45c924b261e2bb262360fb5a25d4b9a94088a7","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJf5Us9YQBjj8R0OohvHQms1U","reference": "CjQtAAAA6j_9DtMr30DQ9h8dzemfD2NaWEWBgf5yFlQ92XW4EZvHXqZ8Ob6wGkedetO1xNiZEhCGeIk7jBXCQP_ad4V0R-YeGhSIcGtxcxPh-G4e2DMT97Be4xdfkg","structured_formatting": {"main_text": "Tehran Province","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Iran"},"terms": [{"offset": 0,"value": "Tehran Province"},{"offset": 17,"value": "Iran"}],"types": ["administrative_area_level_1", "political", "geocode"]},{"description": "Tehran, Tehran Province, Iran","id": "14788d031b564588682273730e2e16d2617d3548","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJ2dzzH0kAjj8RvCRwVnxps_A","reference": "CkQ1AAAAGXsNCFct3XK9JukMD-C7D7j1f0b-Rk0uBZFULZ9TKziZVKz2HWeNWZ5xWU-aNIceYEioJRxHmYS_O7DhMW32YBIQzGS_zTt6aijJx_onRU9DTRoU-cPuoOF16KrzlFY_4EGlwVf1Izk","structured_formatting": {"main_text": "Tehran","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran"},{"offset": 8,"value": "Tehran Province"},{"offset": 25,"value": "Iran"}],"types": ["locality", "political", "geocode"]},{"description": "Tehranpars, Tehran, Tehran Province, Iran","id": "09a979a1ac286c1ff2ee94c5d36258910d7f6ec6","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJX5PM9hwdjj8R6zn_mu5suoE","reference": "ClRBAAAACKbtLWiAm5kV0JzYtPOLhQTuMxlMMIXxPGRmuLUF7xuAlx7Mueo91OuJmB4mTwo3T0NhnNhamVDUsKFE0fNffkZi1Bv-ZQs1TcXLNx195C0SELOTSsOMn6pYeSnFMtvVqsIaFCxWipFk_wIxDKVoLi8Cd8g993cG","structured_formatting": {"main_text": "Tehranpars","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehranpars"},{"offset": 12,"value": "Tehran"},{"offset": 20,"value": "Tehran Province"},{"offset": 37,"value": "Iran"}],"types": ["neighborhood", "political", "geocode"]},{"description": "Tehran Now, Tehran, Tehran Province, Iran","id": "1f7583f258e7e92f03b818ba10c48e20d2bd9f59","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJ61k7RLICjj8RnvjuZpbZeEM","reference": "ClRBAAAAydlnsS8Fjw9ibBXXX-XS4xuY4-7yEqMSZNTz66Q-4hRNnGdEGyOICqFbm4VQ4-ZV7O8fftoznes6-u-6sZyvz8Gp3N3hPLASFvtoWeJBPS8SEE8pPnxD20v8_NPnWLANDG8aFPfquA7RBNHvpEgiH5Q0eIqmtl5k","structured_formatting": {"main_text": "Tehran Now","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran Now"},{"offset": 12,"value": "Tehran"},{"offset": 20,"value": "Tehran Province"},{"offset": 37,"value": "Iran"}],"types": ["sublocality_level_1", "sublocality", "political", "geocode"]},{"description": "Tehran Bazaar, Tehran, Tehran Province, Iran","id": "7a97ba4c05dcb1b11c2153bd39673b6737aa5748","matched_substrings": [{"length": 6,"offset": 0}],"place_id": "ChIJJX5my-8Bjj8RfAUG71zqw8s","reference": "ClREAAAABs4mvt65BUJ7Z2arVA_cv7V0tdPJKoVy010IOFrlS-L6VfhrEmIQAuxTXVQhnAA19fjEtVbPag3lfb-UrsmnMROnzvXiffA7MKUvgASMwvwSEGx-aGYRXyP1Q9Bxr7HmMVIaFKaxQEb8tg4L7IlRIbITWpG4F5Mf","structured_formatting": {"main_text": "Tehran Bazaar","main_text_matched_substrings": [{"length": 6,"offset": 0}],"secondary_text": "Tehran, Tehran Province, Iran"},"terms": [{"offset": 0,"value": "Tehran Bazaar"},{"offset": 15,"value": "Tehran"},{"offset": 23,"value": "Tehran Province"},{"offset": 40,"value": "Iran"}],"types": ["neighborhood", "political", "geocode"]}], "status": "OK"}'; 
 

 
// convert the JSON string into an object 
 
var locationsJSONObj = JSON.parse(locationsJSONString); 
 

 
// the results are stored in the "predictions" property of the object 
 
// the value is an array which we assign to the variable below 
 
// to iterate over 
 
var locationsPredictionsArray = locationsJSONObj.predictions; 
 

 
// format result in list element 
 
var html = '<ul>'; 
 

 
$.each(locationsPredictionsArray, function (index, value) { 
 
\t // add item for each location description 
 
    html += '<li>' + value.description + '</li>'; 
 
}); 
 
html += '</ul>'; 
 

 
$('#output').html(html); // show output in html element

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="output"></div>

出典

2017-11-15 15:34:06

Googleの場所apiの結果であるJSで文字列を解析するにはどうすればよいですか？ここ

答えて

関連する問題