vue 将2个数组里面得值对应起来

Question

如果两个数组的id相等我就要使第一个数组里面的activeName字段改为true,我是以这个来判断他是否加入收藏，为true就是加入为false就是没有加入。后台并没有返回给我这样一个状态的字段是我自己加的。所以需要收藏的列表数组要与我i当前的俩对比id如果id相等就说明莫一条记录是收藏状态就是改写为true. 这两个数组怎么判断major_id等于id的时候就使activeName字段为true：    _this.listWish.forEach(function(a) {      _this.major.forEach(function(item) {        if (item.major_id == a.id) {          _this.$set(a, 'activeName', true);          _this.$set(a, 'wishId', item.wish_id);        } else {          _this.$set(a, 'activeName', false);        }      });    });    _this.listWish.forEach(function(a) {      _this.major.forEach(function(item) {        if (item.major_id == a.id) {          _this.$set(a, 'activeName', true);          _this.$set(a, 'wishId', item.wish_id);        } else {          _this.$set(a, 'activeName', false);        }      });    });    });## 但是我这样循环后activeName这个字段的值没有被改写对，全部都是false。

Answer 1

你这样循环不对啊，按照你的意思

判断major_id等于id的时候就使activeName字段为true

你这样循环如果倒数第二个数是匹配，设成true了，倒数第一个不匹配，那不就又是false了吗？
你可以改成for循环

for(let i = 0; i < _this.listWish.length; i ++){

    for(let j = 0; i < _this.major.length; j ++){

        if (item.major_id == a.id) {

            _this.$set(a, 'activeName', true);

            _this.$set(a, 'wishId', item.wish_id);

            break;

        } else {

            _this.$set(a, 'activeName', false);

        }

    }

}

Answer 2

//你的应该这样写。保证只有一次修改，循环的时候只是为了判断有没有

var _tag = false;

_this.listWish.forEach(function(a) {

  _tag = false;

  _this.major.forEach(function(item) {

    if (item.major_id == a.id) {

      _tag  = item.wish_id

    }

  });

  if(_tag){

      _this.$set(a, 'activeName', true);

      _this.$set(a, 'wishId', _tag);

  } else {

      _this.$set(a, 'activeName', false);

  }

});

//里面可以优化的地方就是如果内循环重复了，跳出来，这样可以少判断一点。

//你的应该这样写。保证只有一次修改，循环的时候只是为了判断有没有

var _tag = false;

_this.listWish.forEach(function(a) {

  _tag = false;

  _this.major.forEach(function(item) {

    if (item.major_id == a.id) {

      _tag  = item.wish_id

    }

  });

  if(_tag){

      _this.$set(a, 'activeName', true);

      _this.$set(a, 'wishId', _tag);

  } else {

      _this.$set(a, 'activeName', false);

  }

});

//里面可以优化的地方就是如果内循环重复了，跳出来，这样可以少判断一点。