在vue中如何用map来替换数组对象中的某一个元素

Question

**  data () {
    return {
abc:[
  {a:'1',b:'2'},
  {a:'1',b:'张三'},
  {a:'1',b:'张三'},
  {a:'1',b:'3'},
  {a:'11',b:'李四'},
  {a:'1',b:'3'},
]
  
      }
    }**

想让数组abc中的 b字段里面的张三 变成 ‘三’ ，李四变成 ‘四’

Answer 1

你要的是这个效果吗？

let abc = [

  {a:'1',b:'2'},

  {a:'1',b:'张三'},

  {a:'1',b:'张三'},

  {a:'1',b:'3'},

  {a:'11',b:'李四'},

  {a:'1',b:'3'},

];
let mapping = {"张三":"三","李四":"四"};
abc.map((v,i) =>{v.b=mapping[v.b]? mapping[v.b]:v.b; return v});
//这个时候abc的值应该是你想要的效果了。
[
  {
    "a": "1"
  },
  {
    "a": "1",
    "b": "三"
  },
  {
    "a": "1",
    "b": "三"
  },
  {
    "a": "1"
  },
  {
    "a": "11",
    "b": "四"
  },
  {
    "a": "1"
  }
]