資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究動態規劃：返回 JavaScript 中所有匹配的資料
假設我們有一個 JSON 物件，其中包含有關某些城市的位置資訊，如下所示 −
const countryInfo = {
country: [{
name: "Bangladesh",
province: [{
name:"Dhaka",
city: [{
name:"Tangail",
lat: '11'
}, {
name:"Jamalpur",
lat: '12'
}]
}, {
name: "Khulna",
city: [{
name:"Jossore",
lat: '22'
}, {
name:"Tangail",
lat: '23'
}]
}, {
name: "Rajshahi",
city: [{
name:"Pabna",
lat: '33'
}, {
name:"Rangpur",
lat: '33'
}]
}]
},{
name: "India",
province: [{
name:"West Bengal",
city: [{
name:"Calcutta",
lat: '111'
}, {
name:"Tangail",
lat: '112'
}]
}, {
name: "Uttar Pradesh",
city: [{
name:"Agra",
lat: '122'
}, {
name:"Tajmahal",
lat: '123'
}]
}, {
name: "Rajasthan",
city: [{
name:"Kanpur",
lat: '131'
}, {
name:"Jaypur",
lat: '132'
}]
}]
}]
};我們需要編寫一個 JavaScript 函式，該函式接受一個這樣的物件和一個搜尋字串。
然後，我們應搜尋與搜尋字串匹配的所有城市名稱，並返回一個包含匹配查詢的所有城市物件的陣列。
示例
該程式碼如下 −
const countryInfo = {
country: [{
name: "Bangladesh",
province: [{
name:"Dhaka",
city: [{
name:"Tangail",
lat: '11'
}, {
name:"Jamalpur",
lat: '12'
}]
}, {
name: "Khulna",
city: [{
name:"Jossore",
lat: '22'
}, {
name:"Tangail",
lat: '23'
}]
}, {
name: "Rajshahi",
city: [{
name:"Pabna",
lat: '33'
}, {
name:"Rangpur",
lat: '33'
}]
}]
},{
name: "India",
province: [{
name:"West Bengal",
city: [{
name:"Calcutta",
lat: '111'
}, {
name:"Tangail",
lat: '112'
}]
}, {
name: "Uttar Pradesh",
city: [{
name:"Agra",
lat: '122'
}, {
name:"Tajmahal",
lat: '123'
}]
}, {
name: "Rajasthan",
city: [{
name:"Kanpur",
lat: '131'
}, {
name:"Jaypur",
lat: '132'
}]
}]
}]
};
const searchForCity = (obj, query) => {
const cities = obj.country.reduce((acc, val) => {
val.province.forEach(el => {
el.city.forEach(elm => {
acc.push(elm);
});
});
return acc;
},[]);
const res = cities.filter(el => {
return el.name === query;
});
return res;
};
console.log(searchForCity(countryInfo, 'Tangail'));輸出
控制檯中的輸出 −
[
{ name: 'Tangail', lat: '11' },
{ name: 'Tangail', lat: '23' },
{ name: 'Tangail', lat: '112' }
]
更新於：10-Oct-2020
258 瀏覽
廣告