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

最新推荐文章于 2023-10-10 14:17:03 发布

原创最新推荐文章于 2023-10-10 14:17:03 发布 · 1w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序专栏收录该内容

37 篇文章

订阅专栏

博客介绍了使用js的splice方法处理团队成员数据删除的流程。先获取团队成员数据，使成员数据id与数组下标相等，获取点击成员数据id，用splice方法删除对应数据，再将数据存到缓存，最后获取缓存数据给data设置值。

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

其实很简单，就是使用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)
    },