मेरे जावास्क्रिप्ट चर में स्थानीय जेसन फ़ाइल डेटा कैसे आयात करें?

हमारे पास एक निर्देशिका में एक कर्मचारी.जेसन फ़ाइल है, उसी निर्देशिका में हमारे पास एक जेएस फ़ाइल है, जिसमें हम जेसन फ़ाइल की सामग्री आयात करना चाहते हैं।

कर्मचारियों की सामग्री।json -

कर्मचारी.json

"Employees" : [
   {
      "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay",
      "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689",
      "emailAddress":"[email protected]"
   },
   {
      "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay",
      "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU",
      "phoneNumber":"6543565","emailAddress":"[email protected]"
      }
   ]
}

हम json फ़ाइल तक पहुँचने के लिए दो तरीकों में से किसी का भी उपयोग कर सकते हैं -

आवश्यकता मॉड्यूल का उपयोग करना

आवश्यकता मॉड्यूल का उपयोग करके कर्मचारियों तक पहुँचने के लिए कोड -

const data = require('./employees.json');
console.log(data);

फ़ेच फ़ंक्शन का उपयोग करना

फ़ेच फ़ंक्शन का उपयोग करके कर्मचारी.जेसन तक पहुँचने के लिए कोड -

fetch("./employees.json")
.then(response => {
   return response.json();
})
.then(data => console.log(data));

नोट - जबकि पहला फ़ंक्शन नोड पर्यावरण के लिए बेहतर अनुकूल है, दूसरा फ़ंक्शन केवल वेब वातावरण में काम करता है क्योंकि फ़ेच एपीआई केवल वेब वातावरण में ही पहुंच योग्य है।

आवश्यकता या फ़ेच फ़ंक्शन का उपयोग करके उपरोक्त में से किसी को भी चलाने के बाद, कंसोल आउटपुट इस प्रकार है -

{
   Employees: [
      {
         userId: 'ravjy',
         jobTitleName: 'Developer',
         firstName: 'Ran',
         lastName: 'Vijay',
         preferredFullName: 'Ran Vijay',
         employeeCode: 'H9',
         region: 'DL',
         phoneNumber: '34567689',
         emailAddress: '[email protected]'
      },
      {
         userId: 'mrvjy',
         jobTitleName: 'Developer',
         firstName: 'Murli',
         lastName: 'Vijay',
         preferredFullName: 'Murli Vijay',
         employeeCode: 'A2',
         region: 'MU',
         phoneNumber: '6543565',
         emailAddress: '[email protected]'
      }
   ]
}