如何在 javascript 数组中永久在线或在 windows 中的 js 文件中存储值？

Question

<!DOCTYPE html>
<html>
<head>
<style>
body {
  
}
#review {
  font-size: 60px;
}
#added {
  font-size: 60px;
}
</style>
</head>

<body>

<input type="text" id="myText">
<button class="firstone" onclick="google()">Student Record</button>
<button class="secondone" onclick="addthis()">Add Student</button>
<p id="review"><p>
<p id="added"><p>


<script type="text/javascript">
var superfile = [];

function lengthfill(val){
  return val.length>4;
}
function numfill(give){
  return !isNaN(give);
}

function google(){
  var str = document.getElementById("myText").value;
  var arr = str.split("/");
  arr = arr.filter(lengthfill);
  arr = arr.filter(numfill);
  var junk = "Caution: This Student Will Rate You Low, lol :)";
  var funk = "Hoorah! Good To Go With This Student :)";
    if (str.includes("/") && arr.length==0){
   document.getElementById("review").innerHTML = "Sorry! This is Not a Valid URL :)";
    }
    else if (superfile.length==0){
      document.getElementById("review").innerHTML = "Yay! No Record Found :)";     
    }
    else if (superfile.includes(arr[0])){
      document.getElementById("review").innerHTML = junk;
    }
    else {
      document.getElementById("review").innerHTML = funk;
    }
}

function addthis(){
  var str = document.getElementById("myText").value;
  var arra = str.split("/");
  arra = arra.filter(lengthfill);
  arra = arra.filter(numfill); 
  var funky = "Wow! Student Already Black-Listed :)";
  var junky = "Boom! Student Black-Listed :)";
      if (superfile.includes(arra[0]) && arra.length!==0){
        document.getElementById("review").innerHTML=funky;
      }
      else if (str.includes("/") && arra.length!==0) {
        document.getElementById("review").innerHTML=junky;
        superfile.push(arra[0]);
      }
      else {
            document.getElementById("review").innerHTML="Sorry! This is Not a Valid URL :)";
          }
}
</script>
</body>
</html>

我想做的是输入一个 url 并提取 url 的特定部分。然后，如果满足某个条件，则将提取的部分推送到位于 js 代码开头的超级文件数组中。 push数组的条件位于js代码最后的else if语句中

我的目标是在我点击添加学生按钮后将值永久存储在超级文件数组中。我现在面临的唯一问题是，每当我刷新页面时，超级文件数组从头开始，即空。

谢谢！

Answer 1

正如我在评论中所说，刷新页面时重置变量是正常行为，您无法避免。
或者您使用数据库存储值，然后将值分配给变量或者您可以存储到本地存储，将数组转换为 JSON 对象。

点击添加学生按钮后（在添加函数内），调用此存储在localStorage中：

localStorage.setItem('ItemName', JSON.stringify(superfile));

当你想从已经存储的对象中加载或设置超级文件的值时，你使用：

var superfileJson = localStorage.getItem('ItemName');

这将 return 一个 JSON 对象，要将其用作普通数组，请执行 JSON.parse(superfileJson)

如何在 javascript 数组中永久在线或在 windows 中的 js 文件中存储值？

How to store a value in javascript array permanentaly online or in js file in windows?

javascript

arrays

store