Перебор массива объектов в JS

Пример 1: Использование цикла for

let arr = [
  {name: 'John', age: 25},
  {name: 'Jane', age: 30},
  {name: 'Bob', age: 35}
];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i].name + ': ' + arr[i].age);
}

let arr = [

{name: 'John', age: 25},

{name: 'Jane', age: 30},

{name: 'Bob', age: 35}

];

for (let i = 0; i < arr.length; i++) {

console.log(arr[i].name + ': ' + arr[i].age);

}

В этом примере мы используем цикл for, чтобы перебрать каждый элемент массива arr. Мы можем получить доступ к свойствам каждого объекта, используя индекс в квадратных скобках.

Пример 2: Использование метода forEach()

let arr = [
  {name: 'John', age: 25},
  {name: 'Jane', age: 30},
  {name: 'Bob', age: 35}
];

arr.forEach(item => {
  console.log(item.name + ': ' + item.age);
});

let arr = [

{name: 'John', age: 25},

{name: 'Jane', age: 30},

{name: 'Bob', age: 35}

];

arr.forEach(item => {

console.log(item.name + ': ' + item.age);

});

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

Пример 3: Использование цикла for…of

let arr = [
  {name: 'John', age: 25},
  {name: 'Jane', age: 30},
  {name: 'Bob', age: 35}
];

for (let item of arr) {
  console.log(item.name + ': ' + item.age);
}

let arr = [

{name: 'John', age: 25},

{name: 'Jane', age: 30},

{name: 'Bob', age: 35}

];

for (let item of arr) {

console.log(item.name + ': ' + item.age);

}

В этом примере мы используем цикл for...of, который позволяет перебирать элементы массива без необходимости использования индексов. Мы можем получить доступ к свойствам каждого объекта, используя переменную item.