js 数组 map方法

一、map的第一种使用场景

需求：我们想得到对象数组中指定的两组或多组key和value值。

如下图：

下面是一段JSON数据结构

{
    "code":0,
    "msg":null,
    "data":[
        {
            "processDetailId":1381753495314433,
            "processId":1381753495314432,
            "organDimId":1,
            "organDimName":"0613测试组织",
            "organDimDetailId":1,
            "organDimDetailName":"第一组织",
            "orderNum":0
        },
        {
            "processDetailId":1382104303599616,
            "processId":1381753495314432,
            "organDimId":1,
            "organDimName":"0613测试组织",
            "organDimDetailId":19,
            "organDimDetailName":"第二组1队",
            "orderNum":1
        }
    ]
}

我们怎样才能转成这样的结构呢？想一想，只能用map哦，且不能用push方法。
直接上代码：

data.map(item=>({
    organDimDetailId: item.organDimDetailId,
    processDetailId: item.processDetailId
}));

最终可以得到我们想要的结果，是不是很神奇。

但是这种写法跟我们常用的map用法还有些不同，现做如下对比：

data.map(item=>{}) // 常用map用法

data.map(item=>({})); // map的另一种用法

二、map的第二种使用场景

需求：还是那一段JSON数据结构，取出指定的key值，对应的所有value值。

如下图：

直接上代码：

data.map(item=>item.processDetailId)

鉴定完毕，欢迎友友们一起交流学习！！