微信小程序删除缓存数组中的数据方法

简介: 微信小程序删除缓存数组中的数据方法

其实很简单,就是使用js的splice方法,就可以

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)
var arr = ['a','b','c','d'];
arr.splice(1,1);
console.log(arr);  
//['a','c','d'];

以下是我自己的项目案例:


1.需要先获取团队成员的数据


2.将团队成员数据的id和数组的下标相等


3.获取点击的成员数据id


4.使用splice方法删除数组中对应的数据


5.在将将数据存到缓存里边


6.获取缓存数据,给data设置值


splice的用法:


例:


memberList.splice(id, 1);

member是一个数组,id为数组的索引,这个方法就是从索引id开始,删除一个数组


// 删除团队成员
    onTapDelMember: function (e) {
      // 获取团队成员
      var memberList = wx.getStorageSync('memberList');
      console.log(memberList)
      // 获取团队成员id
      var id = e.currentTarget.dataset.memberid;
      console.log(id)
      // 删除对应的索引
      var memberLists = memberList.splice(id, 1);
      // 存入缓存
      var kaka = wx.setStorageSync('memberList', memberList);
      var getKaka = wx.getStorageSync('memberList');
      this.setData({
        memberList: getKaka
      });
      // console.log(memberList)
    },
相关文章
|
22天前
|
缓存 C++
计算属性缓存 vs 方法
计算属性缓存 vs 方法
|
26天前
|
小程序 JavaScript
小程序中的数据双向绑定和Vue的有什么区别
小程序中的数据双向绑定和Vue的有什么区别
|
2月前
|
小程序 JavaScript
【微信小程序】-- 自定义组件 - 数据监听器 (三十四)
【微信小程序】-- 自定义组件 - 数据监听器 (三十四)
|
2月前
|
存储 小程序 JavaScript
【微信小程序】-- 自定义组件 -- 数据、方法和属性(三十三)
【微信小程序】-- 自定义组件 -- 数据、方法和属性(三十三)
|
8天前
|
存储 缓存 NoSQL
Redis入门到通关之Redis缓存数据实战
Redis入门到通关之Redis缓存数据实战
16 0
|
21天前
|
小程序 JavaScript 前端开发
微信小程序全栈开发中的数据交互与渲染优化
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的数据交互与渲染优化,旨在提升小程序性能和用户体验。数据交互涉及GET、POST、PUT和DELETE请求,优化措施包括使用HTTPS、数据压缩、缓存及限流。渲染优化则涵盖虚拟DOM、减少DOM操作、组件化和模板使用,以及WXSS样式设计和媒体查询。利用性能监控工具可识别并优化性能瓶颈。开发者应综合运用这些策略,持续优化小程序。
|
23天前
|
小程序 数据库
【微信小程序7】云开发中实时聊天系统的实现方法
【微信小程序7】云开发中实时聊天系统的实现方法
23 0
|
23天前
|
小程序
【微信小程序6】引入第三方UI的方法(ColorUi)
【微信小程序6】引入第三方UI的方法(ColorUi)
17 0
|
1月前
|
存储 小程序
小程序路由传参的方法?
小程序路由传参的方法?
11 0
|
2月前
|
缓存 监控 负载均衡
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(数据缓存不一致分析)
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(数据缓存不一致分析)
30 2