星点互联edus视频培训演示站

标题: vue中判断两个数组里面的对象的属性值是否一样 [打印本页]

作者: 超级玛丽    时间: 2020-11-28 09:47
标题: vue中判断两个数组里面的对象的属性值是否一样
[attach]92[/attach]
[attach]91[/attach]

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



作者: admin    时间: 2020-11-28 09:49
第一个数组:A,第二个数组:B。
遍历 A,根据每一项的 area_name 在 B 中查找有没有 chineseName === area_name 的,找到的话就把对应的 icon 值加到当前被遍历的对象中:

  1. A.forEach(item => {
  2.     const matched = B.find(({ chineseName }) => chineseName === item.area_name);
  3.    
  4.     if (matched) {
  5.         Object.assign(item, { icon: matched.icon });
  6.     }
  7. });
复制代码

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

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

  2. A.forEach(item => {
  3.     const matched = _B[item.area_name];
  4.    
  5.     if (matched) {
  6.         Object.assign(item, { icon: matched.icon });
  7.     }
  8. });
复制代码







欢迎光临 星点互联edus视频培训演示站 (http://47.100.112.22/demo/edus/) Powered by Discuz! X3.5