页面重新加载后，数组变得未定义

当页面重新加载后，数组变得未定义通常是因为页面刷新导致之前的数组对象被销毁，需要重新初始化。

在前端开发中，数组是一种用来存储和操作一组数据的数据结构。它可以包含任意类型的数据，可以动态扩展和收缩，并提供了一系列的方法来增加、删除、查找和排序数组中的元素。

当页面重新加载时，浏览器会重新加载页面的 HTML、CSS 和 JavaScript 代码，重新构建页面的 DOM 树和执行 JavaScript 代码。这意味着之前存在的变量和数据都会被销毁，包括之前定义的数组对象。因此，在页面重新加载后，之前的数组变量会变为未定义（undefined）。

为了解决这个问题，我们可以在页面加载完成后重新初始化数组。可以通过以下方式进行操作：

在页面加载完成的事件回调函数中重新定义和初始化数组变量：

window.addEventListener('load', function() {
  var myArray = [];  // 重新定义和初始化数组变量
  // 其他操作
});

使用 sessionStorage 或 localStorage 来存储数组数据，并在页面加载时从存储中恢复数据：

// 存储数组数据
var myArray = ['item1', 'item2', 'item3'];
sessionStorage.setItem('myArray', JSON.stringify(myArray));

// 页面加载时恢复数组数据
window.addEventListener('load', function() {
  var storedArray = sessionStorage.getItem('myArray');
  var myArray = JSON.parse(storedArray);
  // 其他操作
});

需要注意的是，sessionStorage 和 localStorage 是浏览器提供的 Web Storage API，用于在浏览器中存储数据。它们在页面刷新后依然可以保留数据，但仍需要在页面加载时从存储中恢复数据。

总结：当页面重新加载后，数组变得未定义是因为页面刷新导致之前的数组对象被销毁，解决方法可以通过在页面加载完成后重新定义和初始化数组变量，或使用 sessionStorage 或 localStorage 来存储和恢复数组数据。这样可以确保在页面刷新后，数组数据能够正常使用。