这个数据如何处理？

Question

找出title和lableNamelableName相同的项 并把content赋值给fieldValue

[
    {title:"手机号码",content:"ceshi"},
    {title:"开户银行",content:"13646041507"},
    {title:"自定义字段",content:"ceshi"},
    {title:"阿斯蒂芬",content:"ceshi"},
    {title:"沃尔沃二",content:"ceshi"},
    {title:"阿斯顿发斯蒂芬",content:"gggg"},
    {title:"2525252",content:null}
]

[
    {"id":10,"lableName":"姓名","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":1,"isSys":1,"isOpen":1},
    {"id":11,"lableName":"手机号码","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":2,"isSys":1,"isOpen":1},
    {"id":12,"lableName":"开户名称","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":13,"lableName":"开户银行","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":14,"lableName":"银行账号","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":16,"lableName":"自定义字段","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":6,"isSys":null,"isOpen":1},
    {"id":17,"lableName":"大厦发送到发送到","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":7,"isSys":null,"isOpen":0},
    {"id":18,"lableName":"身份证号码及年龄","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":8,"isSys":null,"isOpen":1},
    {"id":19,"lableName":"阿斯蒂芬","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":9,"isSys":null,"isOpen":1},
    {"id":20,"lableName":"阿道夫","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":10,"isSys":null,"isOpen":1},
    {"id":21,"lableName":"沃尔沃二","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":11,"isSys":null,"isOpen":1},
    {"id":22,"lableName":"如图我让他","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":12,"isSys":null,"isOpen":1},
    {"id":23,"lableName":"阿斯顿发斯蒂芬","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":13,"isSys":null,"isOpen":1}
]

Answer 1

arr2.forEach(item => {
    let target = arr1.find(item2 => item2.title === item.lableName)
    if(target){
        item.fieldValue = target.content
    }
})

Answer 2

const arr = [
    {title:"手机号码",content:"ceshi"},
    {title:"开户银行",content:"13646041507"},
    {title:"自定义字段",content:"ceshi"},
    {title:"阿斯蒂芬",content:"ceshi"},
    {title:"沃尔沃二",content:"ceshi"},
    {title:"阿斯顿发斯蒂芬",content:"gggg"},
    {title:"2525252",content:null}
]

const arr2 = [
    {"id":10,"lableName":"姓名","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":1,"isSys":1,"isOpen":1},
    {"id":11,"lableName":"手机号码","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":2,"isSys":1,"isOpen":1},
    {"id":12,"lableName":"开户名称","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":13,"lableName":"开户银行","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":14,"lableName":"银行账号","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":null,"sort":3,"isSys":1,"isOpen":1},
    {"id":16,"lableName":"自定义字段","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":6,"isSys":null,"isOpen":1},
    {"id":17,"lableName":"大厦发送到发送到","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":7,"isSys":null,"isOpen":0},
    {"id":18,"lableName":"身份证号码及年龄","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":8,"isSys":null,"isOpen":1},
    {"id":19,"lableName":"阿斯蒂芬","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":9,"isSys":null,"isOpen":1},
    {"id":20,"lableName":"阿道夫","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":10,"isSys":null,"isOpen":1},
    {"id":21,"lableName":"沃尔沃二","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":11,"isSys":null,"isOpen":1},
    {"id":22,"lableName":"如图我让他","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":12,"isSys":null,"isOpen":1},
    {"id":23,"lableName":"阿斯顿发斯蒂芬","fieldType":null,"enable":1,"fieldValue":null,"zoneId":24862108,"isRequired":0,"sort":13,"isSys":null,"isOpen":1}
]

arr2.map(item => {
  if (arr.find(v => v.title === item.lableName)) {
    item.fieldValue = arr.find(v => v.title === item.lableName).content
  }
return item;
})

console.log(arr2)

Answer 3

const map = fillArr.reduce((map, { title, content }) => {
  map.set(title, content);
  return map;
}, new Map());

const result = list.map((item) => {
  return {
    ...item,
    fieldValue: map.get(item.lableName),
  };
});