【es】map方法

1.map 初级用法

<template>
  <div class="home">
  1111111111111
  </div>
</template>
<script>
export default {
  created(){
    console.log(this.mapFun());
  },
  data(){
    return{
      word:[1,2,3,4]
    }
  },
  methods:{
    add(itme){ 
      return 1+itme
    },
    mapFun(){
      //处理word 每一项加了一个1
      return this.word.map(this.add)
    }
  }
}
</script>

<template>
  <div class="home">
  1111111111111
  </div>
</template>
<script>
export default {
  created(){
    console.log(this.mapFun());
  },
  data(){
    return{
      word:[{name:"1",age:"12"},{name:"2",age:"15"},{name:"3",age:"13"}]
    }
  },
  methods:{
    mapFun(){
      //处理成数组p[{1:12},{2:15},{3:13}]
    return  this.word.map((item)=>{
        let obj ={};
        obj[item.name]=item.age
        console.log(obj);
        return obj
      })
    },
    mapFun2(){
       //处理成数组p[{1:12},{2:15},{3:13}]
      let ob =[];
      this.word.map((item)=>{
        let obj ={};
        obj[item.name]=item.age
        ob.push(obj);
      })
      return ob 
    }
  }
}
</script>