[자바스크립트] 배열안에 있는 원소 모두 출력하는 3가지 방법 (for문, for of문, forEach 함수)

배열안에 있는 원소 모두 출력하는 3가지 방법

1. for문

반복문 for문을 사용해서 배열 안에 있는 전체 원소를 출력해준다.

const animals = ['Blue whale', 'Elephant', 'Penguins', 'Giant panda', 'Cat'];

for(let i = 0; i < animals.length; i++) {
  console.log(animals[i]);
}

// "Blue whale"
// "Elephant"
// "Penguins"
// "Giant panda"
// "Cat"

 

2. for of문

변수 i가 배열에 첫번째 원소부터 마지막 원소까지 순서대로 돌아가며 할당해준다.

const animals = ['Blue whale', 'Elephant', 'Penguins', 'Giant panda', 'Cat'];

for(let i of animals) {
  console.log(i);
}

// "Blue whale"
// "Elephant"
// "Penguins"
// "Giant panda"
// "Cat"

 

3. forEach() 함수

배열의 내장함수 forEach를 사용하면 함수의 파라미터로 콜백함수를 가진다. 이 콜백함수는 배열안에 있는 모든 원소를 불러온다.

const animals = ['Blue whale', 'Elephant', 'Penguins', 'Giant panda', 'Cat'];

animals.forEach(animal => {
  console.log(animal);
})

// "Blue whale"
// "Elephant"
// "Penguins"
// "Giant panda"
// "Cat"