본문 바로가기
Front-end/javascript

[JavaScript] 반복문

by 잔디🌿 2023. 7. 12.

    for문

     

    for(let i = 1;i<=100;i++){
       console.log("hello");
       }

    자바, c언어와 같은 방식이다. 위 코드는 hello를 100번 출력한다.

    for 문 맨 앞에는 해당 반복문에서 사용될 변수의 초기값을 지정해준다.

    두번째는 다음 사이클의 동작 여부를 결정할 변수의 범위를 의미하고,

    세번째는 for문이 한 번 돌 때마다 변수에 해줄 연산을 지정한다.

     

     

    for문을 이용하여 배열 출력하기

     

    const arr = ["a","b","c"];
    
    for(let i = 0;i<arr.length;i++){
        console.log(arr[i]);
        }

    배열명.length는 해당 배열의 길이를 나타낸다.  따라서 위의 코드는 a부터 c까지 모두 출력할 수 있다.

     

    for문을 이용하여 객체 순회하기

     

    let person = {
       name : "jake",
       age : 29,
       tall : 178
       };
       
       const arr = Object.keys(person);
       
       for(let i = 0;i<arr.length;i++){
          const key = arr[i];
          const value = person[key];
          }

    Object.keys(객체명)

    이렇게 하면 arr에 key들이 하나의 배열 형태로 들어간다. 

    위와 마찬가지의 방법으로 length를 이용하여 key와 value를 출력할 수 있다.

    'Front-end > javascript' 카테고리의 다른 글

    [JavaScript] Truthy and Falsy  (0) 2023.07.16
    [JavaScript] 배열 내장 함수  (1) 2023.07.12
    [JavaScript] 배열  (0) 2023.07.12
    [JavaScript] 객체  (0) 2023.07.12
    [JavaScript] 콜백함수  (0) 2023.07.10