gwooden_코린이

자바스크립트js 반복문 사용해보기 본문

프론트엔드/자바스크립트

자바스크립트js 반복문 사용해보기

gwooden22 2022. 12. 22. 15:00
728x90

- 반복문

  • while
  • for

for ( 초기값; 조건식; 증감식) {

}

 

while(조건식) {

}

 

 

for(let i=1; i<=10; i++) {
  document.write(i +"<br>");
  document.write(`<h1>${i}</h1>`);
}


let i=0;
while(i<=10){
  document.write(`<h1>${i}<h1>`);
  i++;
}

 

let i, j , cnt=0;

for(i=0; i<5; i++) {
  for(j=0; j<5; j++) {
    cnt++;
    document.write(`${cnt}<br>`)
  }
}

 

// let i, j;

// for(i=2; i<10; i++) {
//   for(j=1; j<10; j++) {
//     document.write(i + '*' + j +(i*j) + '<br>');
//   }
// }


let i, j;

for(i=2; i<10; i++) {
  for(j=1; j<10; j++) {
    document.write(`${i} * ${j} = ${i*j}<br>`);
  }
}

 

 

let i, j;

for(i=1; i<=5; i++) {
  for(j=1; j<=10; j++) {

    if(j%5 === 0) {
      break;
    }
    document.write(j + " ");
  }
  document.write("<br>");
}


---------------------


let i, j;

for(i=1; i<=5; i++) {
  for(j=1; j<=10; j++) {

    if(j%5 === 0) {
      continue;
    }
    document.write(j + " ");
  }
  document.write("<br>");
}

 

 

let i, j;

outer: //라벨
for(i=1; i<=5; i++) {
  for(j=1; j<=10; j++) {

    if(j%5 === 0) {
      break outer; //라벨로 탈출
    }
    document.write(j + " ");
  }
  document.write("<br>");
}

 

 

 

let i, sum=0;

for(i=1; i<=10; i++) {
    if(i%2===0) {
      sum = sum +i;
      document.write(`${i}<br>`);
  }
}
document.write(`총합 : ${sum}`);

728x90
Comments