【Web前端问题】微信小程序中数组中item的删除

做小程序购物车时，想让被选中的 ‘项’ 能在数组中删除，然后使用 carts.splice(i, 1); 方法，就炸了
图片描述

/**
 * 删除购物车当前商品
 */
  // 先遍历 carts 里面的item是否选中，然后根据选中的状态 删除item。
  deleteList: function (e) {
    const index = e.currentTarget.dataset.index; //得到index的值
    let carts = this.data.carts;
    const id = e.currentTarget.id
    for (let i = 0; i < carts.length; i++) {
      // 如果item是选中的话，就删除它。
      if (carts[i].selected == true) {
        carts.splice(i, 1); //删除index 中的一个 然后返回数组 
        console.log(i + "---i");
        console.log(carts.length + "---carts.length");
      }
    }
    this.setData({
      carts: carts,
    });
    if (!carts.length) {  //如果carts为空 false 的时候
      this.setData({
        hasList: false
      });
    } else {
      this.getTotalPrice();
    }
  },

因为是for循环 carts.length; 然后 carts.splice(i, 1); 会让length的长度-1,就会出现循环有几个未执行的情况，图片描述

，把length的长度固定住，又会出现 Cannot read property 'selected' of undefined，求好心大佬帮忙解惑啊。。。。，小弟不胜感激~~

回答：

在for循环中不要改变你循环对象的长度

两个即将方案

  1. 创建一个新数组，把不删除的元素push到新数组中

  2. 返过来循环 把for (let i = 0; i < carts.length; i++) 改成 `for (let i =
    carts.length-1; i >=0; i--)`

以上是 【Web前端问题】微信小程序中数组中item的删除 的全部内容， 来源链接： utcz.com/a/142812.html

回到顶部