본문 바로가기
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] 배열 내장 함수  (2) 2023.07.12
[JavaScript] 배열  (0) 2023.07.12
[JavaScript] 객체  (0) 2023.07.12
[JavaScript] 콜백함수  (0) 2023.07.10