본문 바로가기
Programming Languages/JavaScript

[JavaScript] 반복문

by 더 이프 2023. 10. 31.
728x90

목차

    🔄 JavaScript에서 반복문 사용하기: 끝없는 여정을 시작하다! 🚀

    안녕하세요, 코드 여행자 여러분! 🌟 오늘은 JavaScript의 또 다른 중요한 주제인 반복문을 함께 살펴볼 예정입니다. 반복문은 지정된 조건이 충족될 때까지 코드 블록을 반복적으로 실행하게 해주는 강력한 도구입니다. 그럼 지금부터 JavaScript의 반복문의 세계로 떠나볼까요?

     

    1. 🌀 while 문

    while 문은 주어진 조건이 참인 동안 코드 블록을 반복적으로 실행합니다.

    let i = 0;
    
    while (i < 5) {
        console.log(i);
        i++;
    }

    이 코드는 i가 5보다 작은 동안 console.log(i)를 실행하고 i를 1씩 증가시킵니다.

     

    2. 🌟 do-while 문

    do-while 문은 최소 한 번은 코드 블록을 실행한 후 조건을 검사합니다.

    let j = 0;
    
    do {
        console.log(j);
        j++;
    } while (j < 5);

    이 코드는 j를 1씩 증가시키면서 j가 5보다 작은 동안 console.log(j)를 실행합니다.

     

    3. 🌈 for 문

    for 문은 초기식, 조건식, 증감식을 한 곳에 모아 반복적인 작업을 수행할 때 사용합니다.

    for (let k = 0; k < 5; k++) {
        console.log(k);
    }

    이 코드는 k를 0부터 시작하여 5보다 작을 동안 console.log(k)를 실행하고, 매 반복마다 k를 1씩 증가시킵니다.

     

    4. 🌟 for-in 문

    객체의 속성을 반복하여 작업을 수행하려면 for-in 문을 사용합니다.

    let person = {name: 'Alice', age: 25};
    
    for (let key in person) {
        console.log(key + ": " + person[key]);
    }

    이 코드는 객체 person의 각 속성에 대해 키와 값을 출력합니다.

     

    5. 🚀 for-of 문

    배열이나 유사 배열 객체의 요소를 반복하여 작업을 수행하려면 for-of 문을 사용합니다.

    let numbers = [10, 20, 30, 40, 50];
    
    for (let number of numbers) {
        console.log(number);
    }

    이 코드는 배열 numbers의 각 요소에 대해 값을 출력합니다.

     

    🚀 마치며...

    반복문은 프로그래밍에서 가장 기본적인 동시에 강력한 도구 중 하나입니다. 이러한 반복문을 이용하여 데이터의 집합을 효율적으로 처리하고, 복잡한 문제를 해결하는 데 도움이 됩니다. 여러분의 JavaScript 여정에 반복문이 큰 도움이 되길 바랍니다!


    💻 Happy Coding! 💻


    Reference:

     

    while - JavaScript | MDN

    The while statement creates a loop that executes a specified statement as long as the test condition evaluates to true. The condition is evaluated before executing the statement.

    developer.mozilla.org

     

    do...while - JavaScript | MDN

    The do...while statement creates a loop that executes a specified statement until the test condition evaluates to false. The condition is evaluated after executing the statement, resulting in the specified statement executing at least once.

    developer.mozilla.org

     

    for - JavaScript | MDN

    The for statement creates a loop that consists of three optional expressions, enclosed in parentheses and separated by semicolons, followed by a statement (usually a block statement) to be executed in the loop.

    developer.mozilla.org

     

    for...in - JavaScript | MDN

    The for...in statement iterates over all enumerable string properties of an object (ignoring properties keyed by symbols), including inherited enumerable properties.

    developer.mozilla.org

     

    for...of - JavaScript | MDN

    The for...of statement executes a loop that operates on a sequence of values sourced from an iterable object. Iterable objects include instances of built-ins such as Array, String, TypedArray, Map, Set, NodeList (and other DOM collections), as well as the

    developer.mozilla.org