如何在localStorage中存取数组

最新推荐文章于 2024-09-21 11:53:56 发布

转载最新推荐文章于 2024-09-21 11:53:56 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuanxinru321/p/10476769.html

文章标签：

#json #javascript #ViewUI

本文介绍如何使用localStorage在浏览器中存储和读取数组。通过JSON.stringify()将数组转换为字符串存储，再用JSON.parse()从字符串还原数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

默认localStorage只能存取字符串

那么如何存取数组呢

let newlist = []
localStorage.setItem('recent', JSON.stringify(newlist))
let list = JSON.parse(localStorage.getItem('recent'))

转载于:https://www.cnblogs.com/yuanxinru321/p/10476769.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30565199

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js localStorage数组保存与提取

MAILLIBIN的专栏

07-17

3361

savaDataToLocalStorage.js //此程序可以将数组数据存储到浏览器本地 function setLocalStorage(storage,data){ if(!localStorage[storage]){ localStorage[storage]=""; } var dataString=""; dataString+="★"; for(var i...

在localStorage中存取值的方法

weixin_43905830的博客

06-10

4411

在前端开发中，当我们重新加载页面时我们希望显示到上一次页面的数据，这时我们就要用到LocalStorage,将我们的数据保存到这里，退出页面时将数据保存，重新加载就直接取出我们的数据，下面用个实例来介绍下我们存取值的方法。在一些购物app中我们点击不同的商家就会显示对应商家的基本信息，我们一般通过给每个商家的页面设定一个id，当我们访问某个商店时只要将对应的id返给后端，后端就会给我们对应的信息，下面我们就来实现下。上代码 //假设我们的地址 http://localhost:8081/?id=1234

参与评论您还未登录，请先登录后发表或查看评论

localStorage存取数组

牛逼的博客

11-30

188

localStorage存取数组对象id 1、存储数据setItem（） localStorage.setItem( optimalData${this.gcid}, JSON.stringify(res.data) ); 2、却出数据getItem（） localStorage.getItem(optimalData${Cookies.get("gcid")})

localStorage存取储数组。（存对象同理）

anjiye7641的博客

08-29

1111

var array = ['111','222','333','444','555']; 存window.localStorage.setItem('array',JSON.stringify(array)); 取 array= JSON.parse(localStorage.getItem('array')); 转载于:https://www.cnb...

localStorage存、取数组

weixin_30653023的博客

05-28

629

localStorage存储数组时需要先使用JSON.stringify()转成字符串，取的时候再字符串转数组JSON.parse()。 var arr=[1,2,3,4]; localStorage.setItem('key',arr); console.log(localStorage('key'); //打印出字符串：1,2,3,4 正常存储： localStorage.setI...

localStorage存取数组、json

牛妞儿的博客

12-29

1487

数组:localStorage.setItem('user',[1,2,3]);localStorage.getItem('user');json:localStorage.setItem('user',JSON.stringify({name:'lili',sex:'女'}))；JSON.parse(localStorage.getItem('user'));

javascript 使用 localStorage 存取数组

qq_63919886的博客

03-28

680

【代码】javascript 使用 localStorage 存取数组。

在localStorage中存储对象数组并读取的方法

11-23

在给定的标题和描述中，主要讨论的是如何在`localStorage`中存储对象数组并进行读取。`localStorage`是HTML5引入的一个特性，允许我们存储大量的键值对数据，这些数据在用户关闭并重新打开浏览器后仍然可用。首先...

localStorage本地存取

热门推荐

康师傅架构学习之路

11-15

1万+

理论上是不可以的但是万能的程序员总是能想到办法把数组转化为对象即可 //保存 var str = JSON.stringify(data.list); localStorage.setItem("options",str); //得到 var optionss=localStorage.getItem("options"); console.log(JS

如何将JavaScript中的数组从localStorage中存储和取出

m0_67484849的博客

09-21

365

首先需要在js中创建一个数组（如temp），然后用localStorage.setItem（密钥名称，JSON.stringify（temp））进行存储，其中JSON.stringify（temp）用于将temp数组转化为字符串。取出数据只需要命名一个数组（getdata），然后等于localStorage.getItem（密钥名称），即可获取。注意取出来的数据是字符串需要用JSON.parse（）解析字符串，并返回对应的值。

localStorage 存数组

Pandora_417的博客

04-21

4432

localStorage 只能直接存储字符串，若想存储数组，得用JSON换格式 localStorage.setItem("application", JSON.stringify(application)); var applicationItem = JSON.parse(localStorage.getItem("application")); localStorage.setItem...

localStorage存储对象，sessionStorage存储数组对象

weixin_50178434的博客

09-25

354

一、前言最近在用angular做商城购物车的功能模块，因为angular的watch监听，数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是，之前用户操作的样式都会被重置掉。例如我勾选了几个商品准备结算，又修改了商品数量，这时候发起了请求，页面数据被渲染，打钩的商品全被恢复未选中。想着将所有选中商品的独有Id存入数组，利用localStorage存储，每次刷新都取到存储的数组，将数组对应Id的商品再次勾上。结果出现了下面的问题： var a = [1,2,3]; window.localSt

将数组对象存储到local Storage中

qq_32810963的博客

11-13

6127

在我们平时做项目的时候可能会需要将数组对象存储到本地local Storage中，但是local Stroage只能存储字符串类型的数据(string)，为了能够把数组类型的数据存储到local Stroage中，我们需要用到JSON进行进行数据类型转换。 JSON的简单介绍： JSON的方法介绍：（以上图来源于百度百科：JSON JSON_百度百科）下面我们来通过一个简单的案例来对JSON有一个初步的了解： 1.首先我们先创建一个数组，在里面存...

localStorage存储数组以及取数组方法。

weixin_43671743的博客

11-26

2504

问题: 在使用localStorage在本地存储一个数组localStorage.setItem(name,arr) ["999999999.00", "10.00", "10.00"] 等到取出的时候还是如此,可在循环赋值给input时将原数组的每个元素分离成了一个新数组:赋值后类似: 9 9 9 9 9 9 9 9 . 0 0 , 1 0 . 0 0… … 经过查询学到了新方法joson处理:...

localStorage存储数组以及取数组方法

xhangs的博客

02-25

1164

varweekArray = ['周一'、'周二'、'周三'、'周四'、'周五'] 存：localStorage.setItem('weekDay',JSON.stringify(weekArray)); 取： weekArray = JSON.parse(localStorage.getItem('weekDay'));

【原生JS-7】什么是 JSONP，什么是 CORS，什么是跨域？

sparks42的博客

12-08

2178

localStorage 的存储格式都是字符串，任何其他类型都要转成字符串存储。存储： localStorage.setItem("arr",JSON.stringify(arr)); 获取： var arr = JSON.parse(localStorage.getItem("arr")); ...