Vue中map()的用法案例

[   //data的数据
    {"txt":"09:00-12:00","codId":"1","flgDel":"0","id":1},
    {"txt":"13:00-16:00","codId":"1","flgDel":"0","id":2},
    {"txt":"18:00-20:00","codId":"1","flgDel":"0","id":3}
]

let time = data.map(item =>(item.txt))
console.log(time) 
//控制台输出如下
//['09:00-12:00', '13:00-16:00', '18:00-20:00']

[  //新data数据
{"txt":"拜访","flgDel":"0","id":1},
{"txt":"面试","flgDel":"0","id":2},
{"txt":"其他","flgDel":"0","id":3}
]

[{ name: '拜访' }, { name: '面试' }, { name: '其他' }]
//这里看到相比于案例一有字段了，还新命名了

//只需一行map()
let resion = data.map(item =>({name: item.txt}))
console.log(resion) 
//控制台输出
//[{ name: '拜访' }, { name: '面试' }, { name: '其他' }]

[{ name: '拜访',id:'1' }, { name: '面试',id:'2' }, { name: '其他',id:'3'}]
//要两个字段的数据

let resion2 = data.map(item =>({name: item.txt, id: item.id}))
console.log(resion2) 
//控制台输出
//[{ name: '拜访',id:'1' }, { name: '面试',id:'2' }, { name: '其他',id:'3'}]

[{ name: '拜访1' }, { name: '面试2' }, { name: '其他3'}]
//要拼接的数据

let resion3 = data.map(item =>({name: item.txt + item.id}))
console.log(resion3) 
//控制台输出
//[{ name: '拜访1' }, { name: '面试2' }, { name: '其他3'}]
//这数据看着好奇怪，没这么用的。我只想说map()可这么用😁，还有更多等我们一起探索