私はJSONを扱うソリューションを見つける必要があります

Question

私は入力欄で偶然が見つかったツールサーチを開発していますが、ユーザーがJSONを入力したキーワードを比較しています。

私は、国の情報についても単一のAPIでテストを行っています。うまくいきます。

機能はこれです：

が

getResults(keyword:string) { 
return this.http.get("https://restcountries.eu/rest/v1/name/"+keyword) 
.map(result => {return result.json() 
.filter(items => 
items.name.toLowerCase().startsWith(keyword.toLowerCase())) 
    }); 
} 

しかし、私は問題がある。..キャッチしようとしているイムアレイの構造は次のようになります。それは単純な配列ではありません

{"status":"OK","items":[{"id":4359,"name":"Cleveland"}, 
{"id":6855,"name":"Ohio"},{"id":7669,"name":"Seattle"}]} 

これは2つのプロパティ（項目とステータス）を持つオブジェクトで、項目は2つのプロパティ（idとname）を持つオブジェクトを保存した配列になります。

私は自分の機能を追加してJSONを扱うことができますか？

おかげで、私の英語

編集のため申し訳ありません：

私はこの

getResults(keyword:string){ 
var headers = new Headers(); 
headers.append("Access-Control-Allow-Origin", '*'); 
// headers.append('Content-Type', 'application/json'); 
let options = new RequestOptions({headers: headers}); 
return this.http.get("http://newapi.com?q=" + keyword + "&_=" + this.nocache, options) 
    .map(res => res.json()) 
    .subscribe(
    response => { 
     response.items.map(item => item.name) ; 
    let ciudades = response.items; 
    }, 
    error => error => this.onError(error)); 

Answer 1

あなたの元のコードの変更この行を：へ

.map(result => {return result.json()) 

：

.map(res => res.json().items) 

Answer 2

のようなものを試してみましたjQueryのオプションである場合は、ここであなたが行きます。その呼び出しを想定し

var items = json.items; 
for(var i = 0; i < items.length; i++){ 
    var item = items[i]; 
    alert(`ID: ${item.id} | Name: ${item.name}`); 
} 

Fiddle

Answer 3

：あなたはプレーンなJavaScriptのソリューションをしたい場合は

// say the JSON is mapped to a variable called json. 
// If you need to parse the JSON, use JSON.parse() 
$.each(json.items, function(index, item){ 
    var id = item.id; 
    var name = item.name; 
}); 

Fiddle

：あなたがしなければならないのは、$.eachとitems配列を反復処理であります〜json()はあなたの答えが記述するJSONを返します。followiあなたのために働くでしょう。

function getResults(keyword: string) { 
    // const response = this.http.get("https://restcountries.eu/rest/v1/name/" + keyword); 
    return response 
    .json().items 
    .filter(item => item.name 
     .toLowerCase() 
     .startsWith(keyword.toLowerCase())); 
} 

まず、itemsのプロパティにアクセスする必要があります。次に、それが返す配列上のすべてfilterにすることができます。

Here is a demoは、答えが記述するJSONで動作します。

const json = ` 
    {"status":"OK","items":[{"id":4359,"name":"Cleveland"}, 
    { "id": 6855, "name": "Ohio" }, { "id": 7669, "name": "Seattle" }]}`; 

const response = { 
    json:() => JSON.parse(json) 
}; 

function getResults(keyword: string) { 
    // const response = this.http.get("https://restcountries.eu/rest/v1/name/" + keyword) 
    return response 
    .json().items 
    .filter(item => item.name 
     .toLowerCase() 
     .startsWith(keyword.toLowerCase())); 
} 

const results = getResults("c"); 
window.alert(JSON.stringify(results)); // [{"id":4359,"name":"Cleveland"}]