根据返回的某一个字段值,去匹配数组对象的某一项, 返回对应的字段值_返回数组相匹配的字段

根据返回的某一个字段值,去匹配数组对象的某一项, 返回对应的字段值

// 后端返回数据 '2000,2001', 要展示结果格式 秋歌,瓜老板
// 已有的数组数据: 
let arr = [
        { id: 1, code: 2000, name: '秋歌' },
        { id: 2, code: 2001, name: '瓜老板' },
        { id: 3, code: 1001, name: '卷咪' },
        { id: 4, code: 1002, name: '卷米啊' }
      ], 
      写法:
    formatTag(str) {
      const arr = str.split(',')// 先转成数组
      return this.specialTagList.filter(item => arr.includes(String(item.code))).map(item=> item.name).join(',') 
    },// 打印 秋歌,瓜老板
1
2
3
4
5
6
7
8
9
10
11
12
13

截图:

也可以这么写:

str = '2000,2001'.split(',').map(Number)// 先转成 [2000,2001] 格式
arr = arr.reduce((ret, cur) => {
        const r = str.find(v => v === cur.code)
        if (r) {
          return [...ret, cur]
        }
        return ret
      }, []).map(item => item.name)
1
2
3
4
5
6
7
8