uniapp的uni.setStorage存储数组对象

最新推荐文章于 2024-09-24 08:59:46 发布

秋宁去吃饭

最新推荐文章于 2024-09-24 08:59:46 发布

阅读量1.8w

点赞数 5

分类专栏：代码优化 vue js 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_40667613/article/details/113997056

版权

vue 同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

代码优化

2 篇文章 0 订阅

订阅专栏

uniapp的uni.setStorage存储数组对象

前言：由于业务需求和自身对代码的要求，所以，提出本地存储不为单一字符串，而是对象存储。

提示：本文章仅供参考，有不足之处不吝赐教。欢迎留言探讨

原理：在uniapp API说明下，进行对键值对代码存储的优化

单一key值，存储一个JSON.stringify 序列化的对象（简称：json对象）

常规写法：

//存储字符串
uni.setStorage({ 'storage_key_AA': 'aa' });
uni.setStorage({ 'storage_key_BB': 'bb' });
//获取存储值
const valueA = uni.getStorageSync('storage_key_AA');
const valueB = uni.getStorageSync('storage_key_BB');
//读取存储对象对应的值
console.log(valueA);
console.log(valueB);

存储数组对象写法：

//存储对象
uni.setStorage({
   key: 'storage_key',
   data: {
    AA: 'aa',
    BB: 'bb'
   }
});

//获取存储值
const value = uni.getStorageSync('storage_key');

//判断当前是否有该存储值
if (value) {
  //读取存储对象对应的值
   console.log(value.AA);
   console.log(value.BB);
}