Javascript : 반복문 - ① for문, for in 문

      반복문 코드를 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다.

1. for문, for in문
2. while문
3. do while문
4. breack문
5. continue문
6. 중첩 for문

 

1. for문

    for문 

     for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. 
     사용 방법은 while문과 같지만 while문 보다 사용하기 쉬워 접근성이 좋다.

 

      for문 기본형

for (초기값; 조건식; 증감식){
    // 자바스크립트 로직;
}

 

      for문 동작 순서 : 초기값 → 조건식 → 자바스크립트 로직 → 증감식 → 조건식 

// 초기값 : i라는 변수의 초기값은 0이다.
// 조건식 : i라는 변수가 10보다 작은 값일 때 반복적으로 수행한다.
// 증감식 : i라는 변수가 한 사이클(=중괄호 안의 자바스크립트 코드)이 종료하면 i+1을 하자.

for (let i = 0; i < 10; i++){
    console.log("for문이 실행되고 있다=>" + i);
}

 

 

조건식 i < 10; 이 false가 될때까지 자바스크립트 코드와 증감식을 반복 수행한다.

 

      배열을 이용한 fot문 작성법

const array = ["one", "two", "three", "four", "five"];

for(let i = 0; i < array.length; i++){
    console.log(i);
    console.log(array[i]);
}

 

array.length = 5 보다 작으면 true니까 자바스크립트 코드를 실행하고 증감시키자

 

 

      (예제) 0~10까지의 수 중에서 2의 배수만 console.log 하자. 


▼ 내가 풀이한 방법
     초기값 : i가 1부터 시작하고
     조건식 : i가 11보다 작을 때
     if 1. i를 2로 나누었을 때 나머지가 0이면 {
                 console.log(i)를 실행하자.
               } 

// 0~10까지의 수 중에서 2의 배수만 console.log를 찍어보자
for(let i = 1; i < 11; i++){
    if(i % 2 === 0){
        console.log(i)
    }
}

 

▼ 좀 더 좋은 더 나은 방법 :
     초기값 : i가 0부터 시작하고
     조건식 : i가 10보다 작거나 같을 때
     if 1. 만약 i가 2보다 크거나 같을 때
       if 2. i를 2로 나누었을 때 나머지가 0이면 {
                 console.log(i)를 실행하자.
               } 

// 0~10까지의 수 중에서 2의 배수만 console.log를 찍어보자
for(let i = 0; i <= 10; i++){
    if(i >= 2){
        if(i % 2 == 0){
            console.log(i)
        }
    }
    }

 

 

 

    for in 문 

     for in 문은 객체의 속성을 출력하는 문법이다.

 

 

      for in 문 기본형

for(let key in 배열객체){
    console.log(배열객체[key])
}

 

      for in 문 : 객체의 key와 객체의 value 값 출력하기 
                          배열객체[key] : value

let person = {
    name : "john",
    age : 30,
    gender : "male"
};

for(let key in person){
    console.log(key + ":" + person[key])
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. while문

    for문

     변수는 데이터가 한

 

 

 

 

 

3. do while문

    for문

     변수는 데이터가 한

 

 

저작자표시

'Programming > Javascript' 카테고리의 다른 글

Javascript : 반복문 - ③ do while문  (0) 2023.04.07
Javascript : 반복문 - ② while문  (0) 2023.04.05
Javascript : 배열(Array)  (0) 2023.04.04
Javascript : 객체 - ① 내장객체  (0) 2023.04.03
Javascript : 객체  (0) 2023.04.03

+ Recent posts

티스토리툴바