Vue.js+find方法根据数据的一个值来查找到这个数据的全部值

js中的find()方法   IE 11 及更早版本不支持

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

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

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

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

    onChange(val) {
      //首先val就是我取到的单个的值,可以输出看一下结果
      //console.log('val change', val)
      //这种情况是:我们能查找的是一个数组的情况下就要循环查找数据
      val.forEach(res => {
        //jblxlist这个数据就是我们要在这搜索全部的数据
        let index = this.jblxlist.find(item => {
          //定义一个index,index接收我们找到的全部数据
          return item.BMMC == res
          //当我们里面循环的值和我们要找的值相等的时候返回
        })
        //当找到这个值之后
        if (index) {
          //可以用一个变量接收,也可以用数组接收,这里我用了变量接收
          this.fromData.JQLX = index.BMZ
          console.log(this.fromData.JQLX, 666)
        }
      })
    },

 

你可能感兴趣的:(vue.js-功能)