본문 바로가기
Front-End/JavaScript

JavaScript(3)

by newny 2023. 2. 13.
반응형

for 문

조건식이 true일때 실행문이 반복해서 수행됨

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

 

for/of 문

  • 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해줌
  • 반복할 수 있는 객체 : Array, Map, Set, arguments 객체 등
  • 루프마다 객체의 열거할 수 있는 프로퍼티의 값을 지정된 변수에 대입
let arr = ['바나나', '사과', '귤'];

for (let i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함.
    document.write(arr[i]);
}

for (const value of arr) { // 위와 같은 동작을 하는 for / of 문
    document.write(value);
}
// 바나나 - 사과 - 귤

 

for/in 문

  • 해당 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties)를 순회할 수 있도록 해줌
  • 반복할 수 있는 객체 : Array, Map, Set, arguments 객체 등
  • 프로퍼티 플래그에대한 설명 : https://ko.javascript.info/property-descriptors
let arr = ['바나나', '사과', '귤'];

for (let i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함.
    document.write(i + " " + arr[i]);
}

for (const i in arr) { // 위와 같은 동작을 하는 for / in 문
    document.write(i, arr[i]);
}

// 0 바나나 - 1 사과 - 2 귤

 

이중 for문

구구단 출력

for (let i=1; i<=9; i++) {
    document.write(i + "단<br>")
    for (let j=1; j<=9; j++) {
        document.write(i + "*" + j + "=" + (i*j) + "<br>")
    }
    document.write("<hr>")
}

 

회전수 증가

let a=0, b=0;
for (a=1; a<=4; a++) {
    for (b=1; b<=a; b++) {
        document.write("#")
    }
    document.write("<br>")
}
// a=1; a<=4; -> 4행(a의 범위값) 1열(a 초기값)로 시작
// a++ ->열의 수를 행이 늘어날때마다 1개씩 증가 시키겠음

 

회전수 감소

//회전수 감소
for(a=4; a>=1; a--) {
    for(b=1; b<=a; b++) {
        document.write("@")
    }
    document.write("<br>")
}
// a=4; a>=1; -> 4행(a의 범위값) 4열(a 초기값)로 시작
// a-- ->열의 수를 행이 늘어날때마다 1개씩 감소 시키겠음

 

while 문

let i = 1;

while (i < 10) { // 변수 i가 10보다 작을 때만 while 문을 반복함.
    document.write(i + "<br>");
    i++; // 반복할 때마다 변수 i를 1씩 증가시켜 변수 i가 10보다 커지면 반복문을 종료함.
}

 

do/while 문

let i = 1, j = 1;

while (i > 3) { // 변수 i의 초깃값은 1이기 때문에 이 while 문은 한 번도 실행되지 않음.
    document.write("i : " + (i++) + "<br>");
}
do { // 변수 j의 초깃값은 1이기 때문에 이 do / while 문은 단 한 번만 실행됨.
    document.write("j : " + (j++) + "<br>");
} while (j > 3);

 

break 키워드

조건문이나 반복문을 벗어날 때 사용

 

continue 문

반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행

// 3의 배수를 제외하고 출력하는 예제
var exceptNum = 3;
for (var i=0; i<= 100; i++) {
    if (i % exceptNum == 0) // exceptNum의 배수는 출력하지 않음.
        continue;
    document.write(i + " ");
}

 

반응형

'Front-End > JavaScript' 카테고리의 다른 글

자바스크립트 예제 (3)  (0) 2023.02.13
자바스크립트 예제 (2)  (0) 2023.02.09
JavaScript(2)  (0) 2023.02.09

댓글