Масив обʼєктів

Масив об'єктів у JavaScript є масивом, у якому кожен елемент є об'єктом. Це дозволяє зберігати та управляти колекцією об'єктів за допомогою масивових методів та звертатися до властивостей та методів кожного об'єкта окремо. У більшості випадків обʼєкти мають набір властивостей з однаковими ключами, але різними значеннями.

// Створення масиву об'єктів
const usersArray = [
    { name: 'John', age: 30 },
    { name: 'Anna', age: 25 },
    { name: 'Mike', age: 35 }
];

Для перебору масива обʼєктів використовують цикл for...of із синтаксисом доступу до властивостей обʼєктів через крапку.

// Ітерація через масив об'єктів за допомогою циклу for...of
for (let item of usersArray) {
  console.log(`${item.name} - ${item.age} років`);
}

Наприклад нам потрібно витягнути в окремий масив всі імена користувачів.

const userNames = [];

for (const item of usersArray) {
  userNames.push(item.name);
}

console.log("userNames: ", userNames);

Або нам потрібно порахувати середній вік наших користувачів.

let total = 0;

for (const item of usersArray) {
  total += item.age;
}

let middleAge = total / usersArray.length;

console.log("middleAge: ", middleAge); // middleAge: 30