আমার জাভাস্ক্রিপ্ট ভেরিয়েবলে স্থানীয় json ফাইল ডেটা কীভাবে আমদানি করবেন?

আমাদের একটি ডিরেক্টরিতে একটি employee.json ফাইল আছে, একই ডিরেক্টরির মধ্যে আমাদের একটি js ফাইল আছে, যেটিতে আমরা json ফাইলের বিষয়বস্তু আমদানি করতে চাই৷

staff.json -

employees.json

"Employees" : [
   {
      "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay",
      "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689",
      "emailAddress":"ranvijay.k.ran@gmail.com"
   },
   {
      "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay",
      "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU",
      "phoneNumber":"6543565","emailAddress":"murli@vijay.com"
      }
   ]
}

আমরা json ফাইল −

প্রয়োজনীয় মডিউল ব্যবহার করা

প্রয়োজন মডিউল −

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

ফেচ ফাংশন ব্যবহার করে

ফেচ ফাংশন −

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

দ্রষ্টব্য − প্রথম ফাংশনটি নোড এনভায়রনমেন্টের জন্য আরও উপযুক্ত হলেও, দ্বিতীয় ফাংশনটি শুধুমাত্র ওয়েব এনভায়রনমেন্টে কাজ করে কারণ ফেচ API শুধুমাত্র ওয়েব পরিবেশে অ্যাক্সেসযোগ্য৷

প্রয়োজন বা ফেচ ফাংশন ব্যবহার করে উপরের যেকোনটি চালানোর পরে, কনসোল আউটপুট নিম্নরূপ হয় −

{
   Employees: [
      {
         userId: 'ravjy',
         jobTitleName: 'Developer',
         firstName: 'Ran',
         lastName: 'Vijay',
         preferredFullName: 'Ran Vijay',
         employeeCode: 'H9',
         region: 'DL',
         phoneNumber: '34567689',
         emailAddress: 'ranvijay.k.ran@gmail.com'
      },
      {
         userId: 'mrvjy',
         jobTitleName: 'Developer',
         firstName: 'Murli',
         lastName: 'Vijay',
         preferredFullName: 'Murli Vijay',
         employeeCode: 'A2',
         region: 'MU',
         phoneNumber: '6543565',
         emailAddress: 'murli@vijay.com'
      }
   ]
}