본문 바로가기

WEB

[JavaScript] forEach

자바스크립트에서 반복문을 쓸 때 forEach문을 사용할 수 있다. 

item에는 배열의 인덱스에 저장된 item, index는 인덱스를 알려준다,

let nums = [10,20,30,40,50]

nums.forEach(function(item,index){
	console.log(index+"인덱스에 저장된 item:"+item);
});


예제

/*
	바꾸기 버튼을 누르면 모든 p요소의 innerText를 "김구라"로 바꿔보세요.
	단, 배열의 forEach()함수를 이용해서
*/

document.querySelector("#changeBtn").addEventListener("click",function(){
	document.querySelectorAll("p").forEach(function(item,index){
		item.innerText = "김구라";
	})
});