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

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

    

     

    
    

     

          },
     
    
  
 

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/82144893