javascript - 如何从 Angular 中的 api 响应获取数据

Question

我使用的是 Angular 4，我调用了一个返回对象数组的 api。

然后我尝试通过引用 res.name 来获取特定数据，但由于某种原因我未定义，所以我尝试了 res[0]name 和 res[ 'name'] 只返回名字，但我想要数组中的所有名称。

这是我的数组:

[{"name":"joey","surname":"jackson","email":"joey@gmail.com","phone":"0815342119"}, 
{"name":"Tim","surname":"Muller","email":"tim@gmail.com","phone":""}, 
{"name":"Kim","surname":"Van Dam","email":"kim@gmail.com","phone":""},
{"name":"Lyn","surname":"Davids","email":"lyn@gmail.com","phone":""}]

Answer 1

尝试使用 forEach 迭代数组的所有元素:

let res = [
{"name":"joey","surname":"jackson","email":"joey@gmail.com","phone":"0815342119"},{"name":"Tim","surname":"Muller","email":"tim@gmail.com","phone":""},{"name":"Kim","surname":"Van Dam","email":"kim@gmail.com","phone":""},{"name":"Lyn","surname":"Davids","email":"lyn@gmail.com","phone":"08343435"}
];

res.forEach( (el) => {
  console.log(el.name);
})