vue中判断两个数组里面的对象的属性值是否一样

1.实现效果

第一个数组中的area_name和第二个数组中的chineseName一样的话 就把第二个数组中的icon赋值给第一个数组的对象中

2.实现方法

第一个数组：A，第二个数组：B。

遍历 A，根据每一项的 area_name 在 B 中查找有没有 chineseName === area_name 的，找到的话就把对应的 icon 值加到当前被遍历的对象中：

A.forEach(item => {
    const matched = B.find(({ chineseName }) => chineseName === item.area_name);
    
    if (matched) {
        Object.assign(item, { icon: matched.icon });
    }
});

也可以把 B 先转成对象的形式：

const _B = Object.fromEntries(B.map(({ chineseName, ...rest }) => [chineseName, rest]));

A.forEach(item => {
    const matched = _B[item.area_name];
    
    if (matched) {
        Object.assign(item, { icon: matched.icon });
    }
});

find只能找到符合条件的第一个对象，如果想要找到所有符合条件的对象：

A.map((item) => {
  let matched = []
  let list = []
  matched = B.map((value) => {
    if (chineseName === item.area_name) {
      list.push({ icon: value.icon })
    }
  })
  if (matched) {
    Object.assign(item, { list })
  }
})