자바스크립트에서 반복문을 쓸 때 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 = "김구라";
})
});
'WEB' 카테고리의 다른 글
[JavaScript] HTML 요소 추가 / createElement (0) | 2021.10.14 |
---|---|
[JavaScript] 조건문 / if / else if / else (0) | 2021.10.13 |
[JavaScript] 전역변수(Global) / 지역변수(Local) (0) | 2021.10.13 |
[HTML] select / option (0) | 2021.10.12 |
[JavaScript] 자바스크립트에서 CSS사용하기 / 마우스 올리면 배경 색 변경 예제 (0) | 2021.10.12 |