用js保存在浏览器的数组怎么在别的页面也获取数组
时间: 2023-12-03 14:44:10 浏览: 85
要在浏览器的不同页面之间共享数组,可以使用浏览器提供的本地存储功能,例如使用 localStorage 或 sessionStorage。
localStorage 用于长期存储数据,数据不会过期,除非手动删除。而 sessionStorage 则是临时存储数据,数据在关闭浏览器窗口或标签页后会被删除。
通过以下代码,可以在一个页面中将数组存储在 localStorage 中:
```javascript
// 定义数组
var myArray = [1, 2, 3, 4, 5];
// 将数组转换为字符串
var arrayAsString = JSON.stringify(myArray);
// 存储字符串
localStorage.setItem('myArray', arrayAsString);
```
在另一个页面中,可以通过以下代码获取存储在 localStorage 中的数组:
```javascript
// 获取存储的字符串
var storedArrayAsString = localStorage.getItem('myArray');
// 将字符串转换为数组
var storedArray = JSON.parse(storedArrayAsString);
// 输出数组
console.log(storedArray);
```
注意:localStorage 和 sessionStorage 只能存储字符串类型的数据,因此在存储数组时需要将数组转换为字符串,获取时再将字符串转换为数组。这里使用了 JSON.stringify() 和 JSON.parse() 来实现转换。同时,由于 localStorage 和 sessionStorage 只能在同一个域下共享,因此需要在同一个域下才能共享存储的数据。
阅读全文