两个数组比较找出数组中的对象里的某个相同值并在对象里面做处理返回

      this.multiCheckboxColumns[1].list = res.data.map(item => {
        if (resp.data.find(findItem => item.id.toString() === findItem)) {
          return { ...item, disabled: true }
        } else {
          return {
            ...item
            disabled: false
          }
        }
      })

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值

find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined

同样可以定义一个新数组,使用 forEach 遍历 push 进去(替换 map),因为forEach没有返回值。

      let arr = [];
     res.data.forEach(item => {
        if (resp.data.find(findItem => item.id.toString() === findItem)) {
          arr.push({ ...item, aaa:true})
        } else {
          arr.push({ ...item, aaa:false})
        }
      })

可以使用 map() + some()(也更应该使用这个)

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  • 如果没有满足条件的元素,则返回false。

注意: some() 不会对空数组进行检测。

注意: some() 不会改变原始数组。

let fruits = [
      {
        id: 1,
        name: '花椰菜1',
      },
      {
        id: 2,
        name: '青椒',
      },
    ]
    let vegetables = [
      {
        id: 1,
        name: '花椰菜',
      },
      {
        id: 2,
        name: '青椒',
      },
      {
        id: 3,
        name: '土豆',
      },
      {
        id: 4,
        name: '西红柿',
      },
    ]

    vegetables = vegetables.map((item) => {
      if (
        fruits.some((eItem) => {
          return eItem.id === item.id
        })
      ) {
        return { ...item, aaa: true }
      } else {
        return { ...item, aaa: false }
      }
    })
    console.log(vegetables, 'vegetables')
    console.log(fruits, 'fruits')

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值