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

标签 javascript arrays angular

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

然后我尝试通过引用 res.name 来获取特定数据,但由于某种原因我未定义,所以我尝试了 res[0]nameres[ '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":""}]

最佳答案

尝试使用 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);
})

关于javascript - 如何从 Angular 中的 api 响应获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53613682/

相关文章:

javascript - 检查 2 个输入和启用按钮的变化

c++ - 在类数组引用的类的单个实例中调用成员函数

Angular 2 测试用例显示没有 NgControl 的提供者

java - 如何在不更改名称的情况下在 Java 中扩展数组

angular - Ionic 3, angular 5 - webapp 的缓存问题

node.js - firebase-tools 无法通过 macOS 上的终端安装加载

javascript - 防止ckeditor在按键上显示字符

javascript - Angular 2 在不应该更新 View 的时候更新了 View?

Javascript 检查位是否已设置

java - 尝试创建一个可以调用 5 次的随机数组,并且可以根据用户输入进行测试