将 JSON 文件读入对象 JavaScript

在 JavaScript 中，我们可以通过 XMLHttpRequest 或 fetch API 从网页服务器获取 JSON 数据。一旦我们获取到 JSON 数据，我们可以使用 JSON.parse() 方法将其转换为 JavaScript 对象。

以下是一个读取本地 JSON 文件并将其转换为 JavaScript 对象的示例代码：

fetch('example.json')
    .then(response => response.json())
    .then(data => {
        console.log(data);
    });

在这个示例中，我们使用 Fetch API 从本地服务器读取 example.json 文件。一旦我们获得文件，我们可以使用 response.json() 方法将其转换为 JavaScript 对象。最后我们将 JavaScript 对象打印到控制台中。

如果要使用 XMLHttpRequest，可以使用以下示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.send();

这个示例中，我们使用 XMLHttpRequest 获取 example.json 文件。如果 readyState 是 4 (表示已经完成) 并且 status 是 200 (表示成功)，我们使用 JSON.parse() 方法将其转换为 JavaScript 对象。最后我们将 JavaScript 对象打印到控制台中。

无论使用 Fetch API 还是 XMLHttpRequest，我们都可以使用 JSON.parse() 方法将 JSON 数据转换为 JavaScript 对象。