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

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

1

2

3

4

5

6

7

8

9

let arr=[

  {name:‘John’,age:25},

  {name:‘Jane’,age:30},

  {name:‘Bob’,age:35}

];

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

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

}

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

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

1

2

3

4

5

6

7

8

9

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

1

2

3

4

5

6

7

8

9

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.