微信小程序多选筛选功能

问题遇到的现象和发生背景

现在筛选页面的基本样式已经搭建完成,现在想要在选择后,检查所有的chooItems,将selected值为true的value保存到choosevalues

img

问题相关代码,请勿粘贴截图
Page({
  data:{
       //类型
  choosevalues:[],
  typeItems:['菜菜','肉肉','调料','蛋蛋','生存','忌口'],
  typeCurrentIndex:0,
   chooseItems:{
    0:[{
      name:'西兰花',
      value:'001',
      selected:false
    },{
      name:'胡萝卜',
      value:'002',
      selected:false
    },{
      name:'芋头',
      value:'003',
      selected:false
    },{
      name:'南瓜',
      value:'004',
      selected:false
    },{
      name:'白菜',
      value:'005',
      selected:false
    },{
      name:'菠菜',
      value:'006',
      selected:false
    },{
      name:'西红柿',
      value:'007',
      selected:false
    }],
    1:[{
      name:'猪肉',
      value:'101',
      selected:false
    },{
      name:'羊肉',
      value:'102',
      selected:false
    }],
    2:[{
      name:'盐',
      value:'201',
      selected:false
    },{
      name:'味素',
      value:'202',
      selected:false
    },
    {
      name:'水',
      value:'203',
      selected:true
    }],
    3:[{
      name:'鸡蛋',
      value:'301',
      selected:false
    },{
      name:'鹅蛋',
      value:'302',
      selected:false
    }],
    4:[{
      name:'plus',
      value:'401',
      selected:false
    },{
      name:'low',
      value:'402',
      selected:false
    }],
    5:[{
      name:'辣',
      value:'501',
      selected:false
    },{
      name:'酸',
      value:'502',
      selected:false
    }],
  },
  },
  //筛选
//下拉收回
sreenShow:function(){
  this.setData({
    sreenShow:!this.data.sreenShow
  })
},
cancel:function(){
  this.setData({
    sreenShow:false
  })
},
//清空选择
clear:function(){
  console.log("clear已调用")
  for(var i=0,t=1000;iif(this.data.chooseItems[i]==null){
      break;
    }
    for(var m=0,n=1000;mif(this.data.chooseItems[i][m]==null){
        break;
      }
      this.data.chooseItems[i][m].selected=false
    }
  }
  this.setData({
    chooseItems:this.data.chooseItems
  })
},
//确认筛选
confirm:function(){
  this.setData({
    sreenShow:false,
  })
},
sortShow:function(){
  this.setData({
    sortShow:!this.data.sortShow
  })
},
//点击遮罩层
mask:function(){
  this.setData({
    sreenShow:false,
    sortShow:false
  })
},
//选择类型
chooseType:function(e){
  const{index}=e.currentTarget.dataset;
  console.log(index);
  this.setData({
    typeCurrentIndex:index,
  })
},
//选择具体内容
chooseItem:function(e){
  this.data.chooseItems[this.data.typeCurrentIndex][e.target.dataset.index].selected=!this.data.chooseItems[this.data.typeCurrentIndex][e.target.dataset.index].selected
  this.setData({
    chooseItems:this.data.chooseItems,
  })

},

})


我的解答思路和尝试过的方法

尝试使用map和fiter,失败了

我想要达到的结果

保存所有选择的value值到choosevalues中,这样可以进行下一步查找


let arr = this.data.chooseItems
let values = []
for(let key in arr) {
  arr[key].map(item => {
    if(item.selected) {
       values.push(item.value)
    }
  })
}

this.setData({
  chooseValues: values
})

img


如果只是去被选中对象的值可以这样试试看。

let chooseItems = {
  0: [{
    name: '西兰花',
    value: '001',
    selected: false
  }, {
    name: '胡萝卜',
    value: '002',
    selected: false
  }, {
    name: '芋头',
    value: '003',
    selected: false
  }, {
    name: '南瓜',
    value: '004',
    selected: false
  }, {
    name: '白菜',
    value: '005',
    selected: false
  }, {
    name: '菠菜',
    value: '006',
    selected: false
  }, {
    name: '西红柿',
    value: '007',
    selected: false
  }],
  1: [{
    name: '猪肉',
    value: '101',
    selected: false
  }, {
    name: '羊肉',
    value: '102',
    selected: false
  }],
  2: [{
    name: '盐',
    value: '201',
    selected: false
  }, {
    name: '味素',
    value: '202',
    selected: false
  },
  {
    name: '水',
    value: '203',
    selected: true
  }],
  3: [{
    name: '鸡蛋',
    value: '301',
    selected: false
  }, {
    name: '鹅蛋',
    value: '302',
    selected: false
  }],
  4: [{
    name: 'plus',
    value: '401',
    selected: false
  }, {
    name: 'low',
    value: '402',
    selected: false
  }],
  5: [{
    name: '辣',
    value: '501',
    selected: false
  }, {
    name: '酸',
    value: '502',
    selected: false
  }],
}

let choosevalues = Object.values(chooseItems).reduce((p, c) => p.concat(c)).filter(v => v.selected).map(v => v.value);
console.log(choosevalues);