[javaScript]forEach() 배열반복

forEach()

각 배열 요소에 대해 한 번씩 함수(콜백함수)를 호출한다.

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;

function myFunction(value, index, array) {
  txt += value + "<br>"; 
}
</script>

실행결과

45
4
9
16
25

 

forEach()함수는 3개의 인수를 취한다.

• 아이템 값
• 아이템 인덱스
• 배열 자체

위의 예시에서는 값만 매개변수로 사용하기 때문에 아래와 같이 값만 매개변수로 써도 된다.

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
  txt += value + "<br>";
}

 

 

참조 : https://www.w3schools.com/js/js_array_iteration.asp