Links

반복문

반복문

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>");
}

디버그 , 디버거

  • 디버그 : 오류를 제거하는것 / 디버거: 오류를 제거하는것을 도와주는것