localStorage.setItem存储数组
时间: 2023-10-30 10:06:17 浏览: 39
可以使用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 可不可以写入数组
可以写入数组。localStorage.setItem()可以将任何JavaScript数据类型(字符串、数字、布尔值、对象、数组等)存储在本地存储中。如果需要将数组存储在本地存储中,可以将其转换为JSON字符串,然后使用localStorage.setItem()将其存储。例如:
```
const myArray = [1, 2, 3];
localStorage.setItem('myArray', JSON.stringify(myArray));
```
在读取时,可以使用localStorage.getItem()将JSON字符串转换回原始数组:
```
const storedArray = JSON.parse(localStorage.getItem('myArray'));
console.log(storedArray); // [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对象或数组。