js缓存数据

该博客介绍了如何在前端应用中实现数据缓存,通过`data`对象定义了一个`cache`来存储后端返回的数据。`xxxCacheDataList`方法用于缓存`dataList`数组中的对象,通过它们的`id`作为键。然后在`yyyGetOperateDataList`中,遍历列表并利用缓存数据给每个对象添加`age`属性,提高列表数据处理的效率。

data中定义一个cache对象:
data(){return {cache: {} }}

// 缓存数据
 xxxCacheDataList(dataList){
     const _cache = this.cache;
     dataList.forEach((item) => {
         _cache[item.id] = item;
     });
 },

dataList为后端返回的数组

通过缓存数据给另一个数组中的对象增加某个缓存数据中有的属性:
从后端返回的data中获取列表数据:
this.dataList = this.yyyGetDataList(data.notes);

// 处理数据
yyyGetOperateDataList(dataList) {
   // xxx缓存数据
   const _cache = this.cache;
   return dataList.map((item) => {
       // 给yyy列表中的每个对象增加对应的属性age
       item.age= _cache[item.age].file;
       return item;
   });
},
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值