[Array] JS - forEach() 메서드 ★ - 각각의 배열값에 대해 한번씩 함수실행 (= 포이치)

forEach() 예제

 

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

<script>

var hz = ["홈짱닷컴", "Homzzang.com", "2012"];

hz.forEach(homzzang);

function homzzang(item, index) {

  document.getElementById("demo").innerHTML += index + ". " + item + " / "; 

}

</script>

 

결과보기

결과값: 0. 홈짱닷컴 / 1. Homzzang.com / 2. 2012 /

forEach() 정의

 

각각의 배열에 대해 한번씩 함수 실행.

 

---

 

1.

배열값 없는 경우 실행 안 함.

 

2.

IE9 이상 최신브라우저 지원.

 

3.

ECMAScript 5

 

forEach() 구문

 

array.forEach(function(currentValue, index, arr), thisValue)

 

---

[매개변수]

 

function(currentValue, index, arr)

각각의 배열에 실행할 함수

 

currentValue

필수. 현재 배열값

 

index

선택. 현재 배열색인번호

 

arr

선택. 현재 배열값이 속한 배열 객체

 

thisValue

선택. 함수에 전달되어 "this"값으로 사용될 값.

비어 있으면 "undefined"가 "this"값으로 전달.

 

 

forEach() 예제1 - 배열값합산

 

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

<script>

var sum = 0;

var nums = [10, 20, 30, 40];

nums.forEach(homzzang);

function homzzang(item) {

  sum += item;

  document.getElementById("demo").innerHTML = sum;

}

</script>

 

결과보기

결과값: 100

forEach() 예제2 - 각 배열값을 10배로 수정

 

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

<script>

var nums = [10, 20, 30, 40];

nums.forEach(homzzang)

function homzzang(value, index, arr) {

  arr[index] = value* 10;

}

document.getElementById("demo").innerHTML = nums;

</script>

 

결과보기

결과값: 100,200,300,400