Javascript - 从 JSON 对象（数组）中提取数据

Question

首先，我是使用 Javascript 和 JSON 的初学者。我试图在 Stack Overflow 上找到一个现有的答案，这会有所帮助，但大多数解释都超出了我的想象（超出了我的想象）！所以，我希望有人能提供帮助。

我有一个包含书籍信息的 JSON 文件，如下所示。实际文件包含大约 5000 本书的信息。

[
  {
    "Book": "The Phenomenon",
    "Author": "Bob Bryant",
    "Author_link": "abc"
  },
  {
    "Book": "Supreme Commander of Idiots",
    "Author": "Cynthia C",
    "Author_link": "def"
  },
  {
    "Book": "An Interesting Life",
    "Author": "Doris Dodd",
    "Author_link": "ghi"
  }
]

将数组编号（0 到 4xxx）视为书号，我想生成一个随机数（小于 5000），然后使用 JavaScript 从 JSON 文件中提取有关该书的信息。理想情况下，我想将书名、作者姓名和作者链接分配给三个不同的变量，以便以后在面向用户的页面中使用。

我尝试创建一个 var，并使用 JSON.parse 从数组中提取特定数据，但它不起作用。我还看到一个例子，要求我使用这样的东西......

var requestURL = 'filename.json';
var request = new XMLHttpRequest();
request.open('GET', requestURL);
request.responseType = 'json';
request.send();

但是，我不知道这是如何工作的（不是说它正在工作）。如有任何有关如何解决此问题的指导，我将不胜感激。

Answer 1

首先，您可以按照项目需要的任何方式从本地 JSON 文件中获取数据。引用实际文件后，将其解析为有效的 JSON。

var jsonData = JSON.parse(jsonFile);

然后您可以将其作为有效的 JavaScript 对象进行操作。因此，要从对象中随机获取一本书，只需执行以下操作：

var randomBook = jsonData[Math.floor(Math.random()*(max-min+1)+min)];

（有关随机数生成的说明，请参阅this 答案。）

这将从 JSON 对象中获得介于 min 和 max 之间的随机书。您可以通过以下方式从中获取任何信息：

randomBook.Book
randomBook.Author
randomBook.Author_link

Answer 2

要获得 json 响应，您需要添加一个回调侦听器。请注意，您也可以将其添加为对现有函数的引用。

request.onreadystatechange = function() {
  if (request.readyState == XMLHttpRequest.DONE) {
    var json = request.responseText;

    // do stuff with the json
  }
}

要生成一个介于零和 n 之间的随机数，请使用 Math.random() * n，其中 n 是最大值。

var n = json.length;
var random = Math.floor((Math.random() * n);

要引用 json 数据中的项目，您可以使用数组和字典引用。

var randomBook = json[random];

var bookTitle = randomBook.Book
var bookAuthor = randomBook.Author
var bookAuthorLink = randomBook.Author_link