Задача: Обработка списка URL
У вас есть список URL, которые нужно загрузить, и в каждом из них содержится JSON-объект. Ваша задача — написать функцию, которая:
Загружает все URL параллельно.
Собирает все данные в массив.
Обрабатывает данные (например, суммирует определённые поля).
Возвращает результат.
При этом необходимо обработать ошибки так, чтобы загрузка оставшихся данных не останавливалась, если один из запросов завершится с ошибкой.
Пример входных данных:
Пример результата:
Шаблон кода:
Подсказки:
- Используйте fetch для загрузки данных по URL.
- Используйте Promise.allSettled для обработки всех промисов, независимо от их завершения.
- Обработайте результаты так, чтобы проигнорировать ошибки и работать только с успешно загруженными данными.
#домашка
У вас есть список URL, которые нужно загрузить, и в каждом из них содержится JSON-объект. Ваша задача — написать функцию, которая:
Загружает все URL параллельно.
Собирает все данные в массив.
Обрабатывает данные (например, суммирует определённые поля).
Возвращает результат.
При этом необходимо обработать ошибки так, чтобы загрузка оставшихся данных не останавливалась, если один из запросов завершится с ошибкой.
Пример входных данных:
const urls = [
'https://api.example.com/data1',
'https://api.example.com/data2',
'https://api.example.com/data3',
];
Пример результата:
{
total: 42
}Шаблон кода:
async function fetchData(urls) {
// Ваш код здесь
}
// Пример вызова функции
fetchData(urls).then(result => {
console.log(result); // Ожидаемый результат
}).catch(error => {
console.error(error); // Обработка ошибки
});Подсказки:
- Используйте fetch для загрузки данных по URL.
- Используйте Promise.allSettled для обработки всех промисов, независимо от их завершения.
- Обработайте результаты так, чтобы проигнорировать ошибки и работать только с успешно загруженными данными.
#домашка
👍3
HTML Вопрос:
Какой тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии?
Какой тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии?
Anonymous Quiz
7%
<bgsound>
64%
<audio>
10%
<sound>
13%
<bgaudio>
6%
Посмотреть ответы
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Версия сайта для слабовидящих
2. Анимация border
3. Тег <kbd>
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик Union Affiliate
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Версия сайта для слабовидящих
2. Анимация border
3. Тег <kbd>
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик Union Affiliate
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
👍1
Какой HTTP-метод чаще всего используется для отправки данных из формы?
Anonymous Quiz
25%
GET
71%
POST
4%
PUT
1%
DELETE
👍3👨💻1
Какой селектор выберет все <p>, которые находятся внутри <div>?
Anonymous Quiz
12%
div ~ p
37%
div > p
43%
div p
8%
div + p
👍4
Частичное применение функций
Напиши функцию partial, которая позволяет зафиксировать часть аргументов функции, возвращая новую функцию, ожидающую остальные аргументы.
#домашка
Напиши функцию partial, которая позволяет зафиксировать часть аргументов функции, возвращая новую функцию, ожидающую остальные аргументы.
function partial(fn, ...fixedArgs) {
// Твой код здесь
}
function multiply(a, b, c) {
return a * b * c;
}
const double = partial(multiply, 2);
console.log(double(3, 4)); // 24 (2 * 3 * 4)#домашка
JS Вопрос:
console.log( " " && "" || -1 && 2 );
console.log( " " && "" || -1 && 2 );
Anonymous Quiz
18%
" "
10%
""
21%
-1
19%
2
32%
Посмотреть ответы
👍4
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. 5 ошибок, которые делают новички в вёрстке
2. Анимация shadow
3. Все про тег <img>
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI дизайнер
3. Web дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. 5 ошибок, которые делают новички в вёрстке
2. Анимация shadow
3. Все про тег <img>
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI дизайнер
3. Web дизайнер
#лучшеезанеделю
👍1
CSS-приемов, которые сэкономят вам часы работы
Знаете ли вы, что в CSS есть фичи, которые редко используют, но они могут упростить жизнь? Вот они:
- aspect-ratio – задает соотношение сторон элемента без костылей с padding-top.
- scroll-snap – плавная фиксация скролла, как в мобильных галереях.
- :empty – стилизация пустых блоков (удобно для динамического контента).
- gap во Flexbox – больше не нужны margin-хаки для отступов!
- @supports – проверка поддержки свойств в браузере.
#css | #полезности
Знаете ли вы, что в CSS есть фичи, которые редко используют, но они могут упростить жизнь? Вот они:
- aspect-ratio – задает соотношение сторон элемента без костылей с padding-top.
- scroll-snap – плавная фиксация скролла, как в мобильных галереях.
- :empty – стилизация пустых блоков (удобно для динамического контента).
- gap во Flexbox – больше не нужны margin-хаки для отступов!
- @supports – проверка поддержки свойств в браузере.
#css | #полезности
👍9