我需要找到處理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"}]} 

這不是一個簡單的數組，它是一個具有兩個屬性（項目和狀態）的對象，並且項目獲得了一個數組，其中存儲的對象具有兩個屬性：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是一個選項，在這裏你去。所有你需要做的就是通過items陣列迭代與$.each：

// 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

如果你想要一個簡單的JavaScript解決方案：

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

假設呼叫到json()返回您的答案描述的JSON，followi ng會爲你工作。

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"}]