如何检测是否传递了 var 然后阻止它再次传递？

Question

我有一个简单的问题，我的项目是一个快速的 4 个选项答案，显示单选按钮和图片，现在我将图片和答案存储在一个文本文件中，这样我的 JS 会检测它读取的内容，然后将其传递给 HTML ，现在我使用这个函数来随机选择一条线：

fetch('./Test.txt', {
  credentials: 'same-origin',
  mode: 'same-origin',
}) // reads the file  as a buffer
  .then(function(response) {
    return response.text();

  })
  .then(function(data) {

    a = data
    a = a.toString() // makes the buffer into a readable string
    a = a.split('\n') // makes all the items in the list
    randomNum = Math.floor(Math.random() * {The number of lines that you have in the text file}) // makes a math equation to get a random line from the text file

现在我如何检测randomNum是否通过了已经通过的行？或者比方说，我如何检查函数 randomNum 是否传递了已传递的行？ 先感谢您

Answer 1

您的客户端 Javascript 代码可以维护一组已经看到的图片并将其存储在 cookie 中。在你当前拥有randomNum = Math.floor(...)的地方，在你的function(data) {...}内执行以下语句：

var picturesSeen = JSON.parse((document.cookie || "a=[]").substring(2));
if (picturesSeen.length === a.length)
  alert("Sorry, no more pictures");
else {
  while (true) {
    var randomNum = Math.floor(Math.random() * a.length);
    if (picturesSeen.indexOf(randomNum) === -1) {
      picturesSeen.push(randomNum);
      break;
    }
  }
  document.cookie = "a=" + JSON.stringify(picturesSeen);
}

cookie 将在页面重新加载后继续存在。

您可以使用以下命令“重置”cookie

document.cookie = "a=[]";