关于fetch的一个问题

Question

onhandleConfirm=()=>{
        fetch('http://localhost:3000/user')
        .then(function(res){
            return res.json()
          })
          .then(function(res){
            console.log(res)
            console.log(res.id)
          })
    .catch(function(err) { 
        console.log('Fetch Error : %S', err); 
    })
    }

控制台打印的是

0:{id: 1}
1:{id: 2}
2:{id: 3}

undefined
如果我想获取id的具体值 我能
console.log(res[0].id) => 1
还能怎样做呢，怎样能一次性的把id全部获取出来

Answer 1

循环

for(var key in res){
    console.log(res[key].id)
}

Answer 2

倘若你的数据格式为：

{
    "0": {
        "id": 1
    },
    "1": {
        "id": 2
    },
    "2": {
        "id": 3
    }
}

则：

-- es6
Object.keys(res).map(k => d1[k].id); // [1, 2, 3]
-- es7
Object.values(res).map(v => v.id); // [1, 2, 3]

倘若是这种格式：

[
    {
        "id": 1
    },
    {
        "id": 2
    },
    {
        "id": 3
    }
]

则：

res.map(v => v.id); // [1, 2, 3]