Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

डायनामिक प्रोग्रामिंग: 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'          }]       }]    }] };

हमें एक जावास्क्रिप्ट फंक्शन लिखना है जो ऐसा ऑब्जेक्ट और एक सर्च स्ट्रिंग ले।

हमें फिर सर्च स्ट्रिंग से मेल खाने वाले सभी सिटी नेम्स को खोजना चाहिए और क्वेरी से मेल खाने वाले सभी सिटी ऑब्जेक्ट्स का ऐरे वापस करना चाहिए।

उदाहरण

इसके लिए कोड:

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

  1. JavaScript Error.name प्रॉपर्टी: त्रुटि प्रकार पहचानें JavaScript Error.name प्रॉपर्टी: त्रुटि प्रकार पहचानें

    Error.name प्रॉपर्टी त्रुटि के कंस्ट्रक्टर का नाम लौटाती है (जैसे Error, TypeError, ReferenceError, SyntaxError)। यह प्रोग्रामेटिक त्रुटि वर्गीकरण के लिए उपयोगी है। उदाहरण { try { confrm(क्या आप निश्चित हैं?); // जानबूझकर टाइपो } catch (e) { sampleEle.inn

  1. जावास्क्रिप्ट में preventDefault() बनाम return false जावास्क्रिप्ट में preventDefault() बनाम return false

    preventDefault() ब्राउज़र के डिफ़ॉल्ट व्यवहार को रोकता है जब कोई इवेंट फायर होता है, जैसे URL क्लिक पर पेज रीडायरेक्ट न करना। return false भी ब्राउज़र के डिफ़ॉल्ट व्यवहार को रोकता है और इवेंट को प्रोपेगेट नहीं होने देता। कॉलबैक एक्जीक्यूशन भी तुरंत रुक जाता है जब इसे कॉल किया जाता है। जावास्क्रिप्ट

  1. जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स पर अवेट करना जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स पर अवेट करना

    नोट - इस उदाहरण को चलाने के लिए आपको एक लोकलहोस्ट सर्वर की आवश्यकता होगी। जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&q