localStorage 不方便存储数组时的替代方法

本文介绍了一种利用localStorage存储搜索历史的方法,通过将数据转化为字符串并用逗号隔开存储,再通过split方法转为数组读取。文章详细阐述了如何实现数据的存储和读取,并提供了实际代码示例。

项目背景是需要将搜索历史存储到localStorage中,

需要存储id和name,每次存储时都需要在记录中多加一条,用数组push显然是比较好的方法,但localStorage不方便存储数据,于是就想到来存储字符串,用‘逗号’隔开,然后再split('',")转化成数组,代码如下:

 

let history = localStorage.historyData?localStorage.getItem("historyData"):'';
let item = data + name;
let hisData = localStorage.historyData?history +','+item:item
localStorage.setItem('historyData',hisData)

取到的数据以及转换如下:

 

这样就可以完成需求,

 

ps:localStorage需要手动清除才会清空,需要调用

localStorage.clear();
}

转载于:https://www.cnblogs.com/keleyz/p/9524907.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值