प्रतिक्रिया प्राप्त js में नेस्टेड JSON ऑब्जेक्ट इनसाइड ऐरे तक कैसे पहुँचें

अरे, यहाँ राजदीप सिंह। पोस्ट में, मैं आपको बता रहा हूं कि कैसे प्रतिक्रिया में Nested JSON ऑब्जेक्ट इनसाइड ऐरे के साथ प्रवेश करें। आसान चरण के साथ।

प्रतिक्रिया प्राप्त js में नेस्टेड JSON ऑब्जेक्ट इनसाइड ऐरे तक कैसे पहुँचें

JSON क्या है?

JSON (जावास्क्रिप्ट ऑब्जेक्ट नोटेशन) जावास्क्रिप्ट के लिए एक हल्का डेटा-इंटरचेंज प्रारूप है। यह मुख्य रूप से वेब एप्लिकेशन और सर्वर के बीच डेटा संचारित करने के लिए उपयोग किया जाता है। मनुष्यों के लिए सरल पाठ संपादक के साथ पढ़ना और लिखना आसान है।

JSON के बारे में अधिक जानकारी

कोडैंडबॉक्स डेमो

इसे शुरू करते हैं

  1. ऐप बनाएं
  2. फ़ाइल आयात करें
  3. नक्शा () फ़ंक्शन

एप्लिकेशन बनाएं:

सबसे पहले रिएक्ट एप का उपयोग करें npm कमांड बनाएं: npx create-react-app my-app

फ़ाइल आयात करें:

प्रतिक्रिया में JSON फ़ाइल बनाने के बाद। Ss फ़ोल्डर और कार्य फ़ोल्डर आयात करें जावास्क्रिप्ट फ़ाइल आयात विधि का उपयोग करें।

"/ .डेटा। जेसन" से डेटा आयात करें;

नक्शा () फ़ंक्शन:

जावास्क्रिप्ट मानचित्र () फ़ंक्शन का उपयोग JSON फ़ाइल में डेटा प्राप्त करें। लेकिन अपनी JSON फ़ाइल को सरणी प्रारूप से शुरू करते समय लिखें।

ऐरसन JSON प्रारूप

[{"userId": 1, "id": 1, "शीर्षक": "चरित्र डिजाइन की आकृति कैसे"}]

नोट: सुनिश्चित करें कि मानचित्र () या अन्य सरणी विधियों का उपयोग करें

data.map ((पोस्टडैट) => {// यहां खेलें ....}

ऑब्जेक्ट JSON प्रारूप

  {"userId": 1, "id": 1, "शीर्षक": "चरित्र डिजाइन की आकृति कैसे"}

नोट: जब ऑब्जेक्ट JSON फॉर्मेट में मैप () फ़ंक्शन का उपयोग होता है, तो Browser में TypeError दिखाते हैं। लेकिन इस मामले में Object.entries () का बहुत उपयोग न करें।

Object.entries (data) .map ((postData) => {// बेसिक माध्य एरे प्ले में कन्वर्ट करें ....}
त्रुटि प्रकार

खेलने के लिए कोड

मध्यम पर मेरा सामान:

संदर्भ:

  • https://www.json.org/json-en.html
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
  • https://www.w3schools.com/jsref/jsref_map.asp

निष्कर्ष:

मुझे उम्मीद है कि आप समझ गए होंगे कि रिएक्टज में नेस्टेड JSON ऑब्जेक्ट इनसाइड ऐरे तक कैसे पहुँचें। अगर हमारे लेख को अपडेट करने के बाद कोई प्रश्न, गलती और सुझाव plz मुझे कमेंट बॉक्स में बताएं।

मुझसे संपर्क करो:

  • https://www.facebook.com/officialrajdeepsingh/
  • https://www.rajdeepsingh.dev/about-me/
  • https://www.facebook.com/groups/JavaScriptcode/
  • https://www.facebook.com/groups/pythoncodejoin/
  • [email protected]

पढ़ने के लिए धन्यवाद