Как получить данные из ответа API в Angular

Question

Я использую Angular 4, я сделал вызов API, который возвращает массив объектов.

Затем я попытался получить конкретные данные, ссылаясь на res.name, но по какой-то причине я получаюundefined, поэтому я попытался 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);
})

Answer 2

Предполагая let people = [your array of objects]

В более новых JS:

for (person of people) { 
    console.log(person.name) 
}

Answer 3

Вы должны использовать оператор точки при доступе к свойству

, оно должно быть как,

res[0].name;

или

res[0]['name'];