[코딩애플 JS 기초] 셀렉터 문법과 변수, for 반복문

Jessie H·2022년 5월 1일
0

코딩애플 JS 기초

목록 보기
13/19

★ 셀렉터 문법을 반복적으로 사용할 경우 변수에 넣어서 사용하도록 하자

셀렉터 문법은 작동시간이 길어서 로딩하는데 오래걸린다
getElementBy~~, querySelector등등...


for 반복문

비슷한 코드가 여러번 반복될 때

for(let i = 0; i < (반복할 횟수); i++){
	반복할 코드
    }

프로그래밍에서는 인덱싱(순서매기는 것)할 때 첫번째는 0번째라고 세니까 i=0으로 두는 거라고 이해하면 좀 편한 것 같다.

var i =0; 말고 let i =0;쓰는 이유

var은 범위가 for문 바깥이기 때문에 for문 내부 내용이 실행되지 않고 그냥 i만 증가해서 오류가 날 수 있다.

Ex) addEventListener같이 특정 행동 생겨야 실행되는 코드가 for문 내부에 있을 경우 addEventLister에 해당하는 행동이 없어도 i++이 읽히기 때문

반면 let은 범위가 let이 적혀있는 부분(for(~~~){}에서{}부분)이기 때문에 {}내용이 실행되어야 i가 증가한다.

profile
코딩 공부 기록장

0개의 댓글