localStorage.setItem存储数组
时间: 2023-10-30 08:06:17 浏览: 106
可以使用JSON.stringify()将数组转换为JSON格式字符串,再使用localStorage.setItem()方法存储。
例如:
```javascript
const arr = [1, 2, 3];
localStorage.setItem('myArray', JSON.stringify(arr));
```
这样就将数组存储到了本地存储中,键名为'myArray',值为'[1,2,3]'。注意,存储在本地存储中的值都是字符串类型的,因此需要使用JSON.parse()方法将其转换为数组类型。
例如:
```javascript
const storedArray = localStorage.getItem('myArray');
const array = JSON.parse(storedArray);
console.log(array); // [1, 2, 3]
```
相关问题
localStorage.setItem("goodsList", JSON.stringify(this.goodsList));
这是一个使用JavaScript中的localStorage对象将数据存储在浏览器中的示例代码。
localStorage是一个本地存储对象,它可以在浏览器中存储键值对数据,这些数据在浏览器关闭后也会保留在本地。使用localStorage可以方便地在浏览器中存储数据,比如用户的设置、用户的购物车数据等等。
在这个示例中,我们将一个名为`goodsList`的数组对象存储在localStorage中。使用`JSON.stringify()`方法将JavaScript对象转换为JSON格式的字符串,然后使用`localStorage.setItem()`方法将其存储在本地。以下是示例代码:
```js
localStorage.setItem("goodsList", JSON.stringify(this.goodsList));
```
在这个示例中,`this.goodsList`是一个JavaScript对象或数组。`JSON.stringify()`方法将其转换为一个JSON格式的字符串,然后使用`localStorage.setItem()`方法将其存储在本地。
如果需要从localStorage中获取数据,可以使用`localStorage.getItem()`方法获取存储的数据,然后使用`JSON.parse()`方法将其转换为JavaScript对象或数组。以下是示例代码:
```js
// 从localStorage中获取数据
const goodsListString = localStorage.getItem("goodsList");
const goodsList = JSON.parse(goodsListString);
```
在这个示例中,`localStorage.getItem()`方法获取名为`goodsList`的数据字符串,然后使用`JSON.parse()`方法将其转换为JavaScript对象或数组。
localStorage.setItem("na",$(".na").val());
这段代码是使用 JavaScript 中的 localStorage API 将网页中 `.na` 类的输入框的值保存到浏览器的本地存储中,键名为 `na`。这样做的好处是用户在关闭网页之后再次打开时,输入框中的值仍然能够保留。可以使用 `localStorage.getItem("na")` 来获取已经存储在本地存储中的值。需要注意的是,localStorage 存储的数据只能是字符串形式,如果需要存储对象或数组等复杂数据类型,需要进行序列化和反序列化操作。
阅读全文