vue遍历替换数组

Question

首先，有这样一段数据

list['zhangsan','lisi','wangmazi']

people[
  {
    name: 'zhangsan',
    username: '张三'
  },{
    name: 'lisi',
    username: '李四'
  },{
    name: 'wangmazi',
    username: '王麻子'
  }
]

那么问题来了，怎么list里面的数据全部替换成people中相对应的汉字人名呢？

Answer 1

list = list.map(item => {
        people.forEach(ele => {
          if (item === ele.name) {
            item = ele.username
          }
        })
        return item
      })

Answer 2

const list = ['zhangsan','lisi','wangmazi'];
const people = [
    {
        name: 'zhangsan',
        username: '张三'
    },{
        name: 'lisi',
        username: '李四'
    },{
        name: 'wangmazi',
        username: '王麻子'
    }
];

let set = new Set(list);

const newList = people.map(e => {
    for (let item of set.values()) {
        return item = e.username
    }
});

console.log(newList)

Answer 3

这样的话，可以直接reduce people对象数组，根据list中的name获取相应username，然后把list直接指向reduce生成的新username list
额 献丑一下，因为最新刚学了reduce

let userNames = []
people.reduce((accumulator, currentValue) => {
    if (list.indexOf(currentValue.name) !== -1) {
        accumulator.push(currentValue.username)
    }
    return accumulator
  }, userNames
)
list = userNames