Фильтр данных при запросе через fetch

Question

Я только начала осваивать js. Сейчас прохожу promises. Задача такова: Нужно сделать запрос к серверу и получить данные с url. Там представлен массив содержащий в себе объекты с данными о пользователях. Мне нужно вывести только фамилии пользователей. Запрос я вроде написала и он срабатывает, а вот вывести фамилии никак не получается. Подскажите пожалуйста в чем моя ошибка?

let delay = ms =>{
 return new Promise (resolve => setTimeout(() => resolve(), ms))
}

const url = 'https://reqres.in/api/users?=per_page';

function fetchRequest(){
  console.log('Делаем запрос на получение данных по 12 пользователям')
  return delay(1000).then(() =>{
    return fetch(url);
  }).then(response => response.json())
}

fetchRequest()
.then(data => {
  console.log('Data:', data);

let usersLastName = data.reduce((item) => {
   return item.last_name;
},{})

console.log ('Фамилии всех 12 пользователей', usersLastName);
})

.catch (e => console.error(e));

Answer 1

Можно сделать map, а не reduce

И помимо полученного ответа надо еще раз написать .data, т.к. массив с пользователями лежит именно по этому ключу

fetchRequest()
.then(response => {
    let usersLastNames = response.data.map(item => item.last_name);
                              // ^^^^^
    console.log ('Фамилии всех 12 пользователей', usersLastNames );
})

БЛОГ НА HUSL

Фильтр данных при запросе через fetch

Ответы (1 шт):