반복문
반복문
while
while(조건){
반복해서 실행할 코드
}
// 조건(boolean) true -> flase가 될때까지 실행하게됨
while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다.
반복문에서 종료 조건을 잘못지정 하면 무한반복 되기때문에 주의 해야한다.
var i = 0;
// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
while(i < 10){
// 반복이 실행될 때마다 coding everybody <br />이 출력된다.
document.write('coding everybody <br />');
// i의 값이 1씩 증가한다.
i++
}
codding everybody 가 9번 출력 (10은 조건에 충족되지 않으므로 9까지 출력된다. )
for
for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
반복해서 실행될 코드
}
for문은 제일 먼저 '초기화'를 한다.
for문은 가독성이 좋다.
for (초기화; 반복조건; 반복이 될 때마다 실행되는코드){} -> 반드시 지켜야함
for(var i = 0; i < 10; i++){
document.write('coding everybody'+i+'<br />');
}
codding everybody 가 9번 출력 (10은 조건에 충족되지 않으므로 9까지 출력된다. )
i++는 현재 i의 값에 1을 더하라는 의미다.
반복문의 제어
break
for(var i = 0; i < 10; i++){
if(i === 5) {
break;
}
document.write('coding everybody'+i+'<br />');
// 4까지 출력
}
반복작업을 중간에 중단시킬때 사용 👉 반복문을 종료
coutinue
for(var i = 0; i < 10; i++){
if(i === 5) {
continue;
}
document.write('coding everybody'+i+'<br />');
// 숫자 5를 제외한 부분 출
}
i의 값이 5가 되었을때 실행 중단시켜 구문이 실행되지 않지만, 반복문은 중단되지 않았기 때문에 나머지 결과는 출력된다. 👉그순간에만 중단 시키고 반복문은 계속 작동한다.
반복문의 중첩
// 0부터 9까지 변수 i에 순차적으로 값을 할당
for(var i = 0; i < 10; i++){
// 0부터 9까지의 변수를 j의 값에 순차적으로 할당
for(var j = 0; j < 10; j++){
// i와 j의 값을 더한 후에 출력
// String은 숫자인 i와 j의 데이터 타입을 문자로 형태를 변환하는 명령이다.
document.write(String(i)+String(j)+'<br />');
// 00 ... 99까지 출력이됨.
}
}
안의 for문 j가 10번 반복한 후에 i가 실행이된다.
forEach 문
{
const arr8 = [100, 200, 300, 400, 500];
arr8.forEach(function(element){
document.write(element, "<br>");
});
document.write("<br>");
arr8.forEach(function(element, index, array){
document.write(element, "<br>"); //element : 배열 각각의 요소
document.write(index, "<br>"); // index : 배열 인덱스
document.write(array, "<br>"); // array: 배열 자체
});
document.write("<br>");
}
for In문
{
const arr10 = [100, 200, 300, 400, 500];
for (let i in arr10 ){
document.write( arr10[i], "<br>" );// 배열 각각의 요소 출력
}
document.write("<br>");
}
for of 문
{
const arr11 = [100, 200, 300, 400, 500];
for (let i of arr11 ){
document.write( i, "<br>" ); // 배열 각각의 요소 출력
}
document.write("<br>");
}
디버그 , 디버거
디버그 : 오류를 제거하는것 / 디버거: 오류를 제거하는것을 도와주는것
Last updated
Was this helpful?