Как импортировать JSON в JavaScript: объяснение нескольких методов

Чтобы импортировать JSON в JavaScript, вы можете использовать несколько методов. Вот несколько часто используемых подходов:

  1. Использование функции require(Node.js):

    const data = require('./data.json');
  2. Использование API fetch(браузер):

    fetch('./data.json')
     .then(response => response.json())
     .then(data => {
       // Use the JSON data here
     });
  3. Использование объекта XMLHttpRequest(браузер):

    const xhr = new XMLHttpRequest();
    xhr.open('GET', './data.json', true);
    xhr.onreadystatechange = function() {
     if (xhr.readyState === 4 && xhr.status === 200) {
       const data = JSON.parse(xhr.responseText);
       // Use the JSON data here
     }
    };
    xhr.send();
  4. Использование оператора import(с упаковщиком, например Webpack):

    import data from './data.json';

Эти методы позволяют импортировать данные JSON в код JavaScript. Выберите метод, который лучше всего соответствует вашей среде разработки и требованиям.