6 способов перебрать элементы массива в JavaScript

Массивы являются довольно часто используемыми структурами данных в js, их обход или итерация довольно просты, вот несколько способов, как вы можете использовать их в своих проектах.

Пример массивов для всех вариантов будет следующим:

const arrayCountries = ["Россия","Франция","Англия","Китай","Германия"];
const arrayCousins = [2,3,5,7,11,13];
const arrayPerson = [
  {
    name: "Иван",
    age: 23
  },
  {
    name:"Мария",
    age: 33
  },
  {
    name:"Сергей",
    age:28
  }
];
Code language: JavaScript (javascript)

1.Использование цикла for

const recArray = (arr) => {
  for(let i=0; i<=arr.length-1; i++){
  console.log(arr[i]);
  }
}
recArray(arrayCountries);
recArray(arrayCousins);
recArray(arrayPerson);
Code language: JavaScript (javascript)

2. Использование while

const recArray = arr => {
  let i = 0;
  while(i<=arr.length-1){
    console.log(arr[i])
    i++;
  }
}
recArray(arrayCountries);
recArray(arrayCousins);
recArray(arrayPerson);
Code language: JavaScript (javascript)

3. Использование do…while

const recArray = arr => {
  let i = 0;
  do{
    console.log(arr[i])
    i++;
  }while(i<=arr.length-1);
}
recArray(arrayCountries);
recArray(arrayCousins);
recArray(arrayPerson);
Code language: JavaScript (javascript)

4. Использование функции map()

const recArray = (arr) => arr.map(item => item);
console.log(recArray(arrayCountries));
console.log(recArray(arrayCousins));
console.log(recArray(arrayPerson));
Code language: JavaScript (javascript)

5. Использование функции forEach()

const recArray = arr => arr.forEach(item => {
  console.log(item);
});
recArray(arrayCountries);
recArray(arrayCousins);
recArray(arrayPerson);
Code language: JavaScript (javascript)

6. Использование for … of

const recArray = arr => {
  for (item of arr){
    console.log(item);
  }
}
recArray(arrayCountries);
recArray(arrayCousins);
recArray(arrayPerson);
Code language: JavaScript (javascript)

Результат работы всех вариантов выглядит следующий:

// la salidas en todos los casos son las siguientes:
"Россия"
"Франция"
"Англия"
"Китай"
"Германия"
2
3
5
7
11
13
[object Object] {
  edad: 23,
  nombre: "Иван"
}
[object Object] {
  edad: 33,
  nombre: "Мария"
}
[object Object] {
  edad: 28,
  nombre: "Сергей"
}
Code language: JavaScript (javascript)