Неделя 3 — Массив объектов

Современный веб функционирует преимущественно на основе использования интерфейсов прикладного программирования (API). Многие из API возвращают данные, передавая друг другу массив объектов.

В этом недельном обзоре LearnJavaScript.online основное внимание было уделено управлению данными API, которые находятся в форме массива объектов.

• Основной ресурс — LearnJavaScript.online
• Дополнительный ресурс — MDN JavaScript

Что было изучено

В этой неделе мы изучали функции массивов, рассмотренные на предыдущей неделе, но с дополнительной сложностью управления массивом объектов в сочетании с опциональной цепочкой.

Интересной на этой неделе была работа с объектами, смоделированными, например, на основе API Twitter:

const tweets = [
    {
        id: 1,
        message: "Week 2 - JavaScript and Beyond...",
        user: {
            handle: "jack_wj"
        },
        stats: {
            likes: 1,
            retweets: 1
        }
    },
    {
        id: 2,
        message: "Week 3 - Array of Objects",
        user: {
            handle: "jack_wj"
        },
        stats: {
            likes: 1,
            retweets: 1
        }
    }
];

const socialScore = tweets.reduce((total, tweet) => {
    return total + tweet.stats.likes + tweet.stats.retweets;
}, 0);
console.log(socialScore); // 4

const messages = tweets.map(tweet => tweet.message); // [ 'Week 2 - JavaScript and Beyond...', 'Week 3 - Array of Objects' ]
console.log(messages);

Одним из способов улучшить визуализацию объектов, управляемых в массиве, является изменение имени переменной «current», которое обычно используется в функции reduce, а вместо этого обращение к ней как к единственному имени переменной, в данном случае «tweet».

Пока что эта неделя начала знакомить меня с тем, как API управляют и отправляют данные, что поможет при создании таких фреймворков, как Express и React.

Обзор ресурсов

На этой неделе прогресс был не таким значительным, как на предыдущей, однако материал начал мягко и кратко знакомить с тем, как API управляют данными, опираясь на предыдущие недели.

Также начали вводиться более промежуточные материалы, такие как try…catch, опциональная цепочка и nullish coalescing.

Ресурс LearnJavaScript.online определенно стал сложнее, но при этом сохранил свою стабильность в простоте использования и структурированном подходе к обучению.

Ретроспектива

• Я считаю, что с увеличением сложности, возможно, стоит начать изучать React или Express, чтобы помочь связать знания, которые изучаются на LearnJavaScript.online, с другим контентом для дальнейшего усложнения получаемых уроков. Однако, прежде чем приступать к этому, необходимо все хорошо обдумать.

Подписаться

До следующей недели!

~ Jack/eXit