ES6之map()方法

//以下的程序来自于微信小程序的一段onLoad:
onLoad() {
const titles = ['首页', '外卖', '商超生鲜', '购物', '美食饮品', '生活服务', '休闲娱乐', '出行']
const tabs = titles.map(item => ({title: item}))
this.setData({tabs})
for(var i=0;i<tabs.length;i++){
console.log(tabs[i].title);
}
//会把titles数组中的数据全部输出来,也就是说这个数据是一个key:value
//类似于java 中的Map
},

 

转自:https://blog.csdn.net/weixin_40736319/article/details/89301034

 

map()方法:map,映射,即原数组映射成一个新的数组;
map方法接受一个新参数,这个参数就是将原数组变成新数组的映射关系。

function myfun_1(arr){
 var array = [];
  arr.map( item => {
    array.push(item*item);
  });
  console.log(array);
}
function myfun_2(arr){
 var array = [];
  arr.map( function(item){
  array.push(item*item);
 });
  console.log(array);
}

var arr3 = [1,2,3,4,5];
myfun_1(arr3);    //[1,4,9,16,25]
var arr1 = [5,2,1,3,4];
myfun_1(arr1);  //[25,4,1,9,16]
var arr2 = [3,4,5,1,2,6];
myfun_2(arr2);  //[9,16,25,1,4,36]

在实际的应用中,我们可以通过map方法得到某一个对象数组中特定属性的值

var obj = [
  {name:'小明',age:16,sex:'男'},
  {name:'小红',age:17,sex:'女'},
  {name:'小白',age:18,sex:'女'},
]
function getter(obj){
  obj.map( item => {
    console.log(item.age);
  })
}

getter(obj);
//16
//17
//18
posted @ 2020-08-15 20:01  jiduoduo  阅读(8711)  评论(0编辑  收藏  举报