Javascript : For 반복문과 함수

1. for 반복문 문법. 

예시와 함께 for 반복문의 기본형태와 실행 순서를 살펴보자

 

     for (begin;  condition;   step) {조건을 만족할 때 실행할 코드}

for (let temperature = 20; temperature <25; temperature++) {
    console.log(`${temperature}도 정도면 적당한 온도입니다.`)
}

실행결과 ==> 

20도 정도면 적당한 온도입니다.
21도 정도면 적당한 온도입니다.
22도 정도면 적당한 온도입니다.
23도 정도면 적당한 온도입니다.
24도 정도면 적당한 온도입니다.

 

 

for문은 실행되는 순서가 있다.

(1) temperature라는 변수를 선언하고 값을 할당한다 (begin)

(2) temperature가 25보다 작은지 연산한다. 결과값이 true라면 계속 실행한다. (condition)

(3) 중괄호 안의 코드가 실행된다.

(4) temperature에 1을 더하여 재할당하고, 2번 과정을 다시 반복한다. (step)

(5) 위 과정을 반복하고, false를 return 하는 순간이 오면 for문은 종료한다.  (condition)

 

 

2. Javascrpit 함수 문법

함수의 선언과 호출.

 

1) 함수의 선언

함수를 사용하기 위해선는 먼저 선언을 해야 한다. 

함수 선언시 형태는 다음과 같다.

 

function (매개변수들..) {

    이 함수에서 실행할 코드들

    return 반환값

}

 

매개변수는 input과 같고, return은 output과 같다.

 

ex) 예시

function calculateAvg(price1, price2, price3) {
    const sum = price1 + price2 + price3
    console.log(`세 상품의 가격 총 합은 ${sum}입니다.`)
    const avg = sum / 3
    return avg
}

2) 함수의 호출

선언한 함수를 사용하기 위해서는 호출을 해야한다.

선언만 하고 호출하지 않는다면 아무 일도 일어나지 않는다. (칼을 뽑아 고, 무우 조차 썰지 않은...)

함수를 호출 했을 때, 선언한 함수의 body 부분이 비로소 실행이 된다.

const priceA = 1000
const priceB = 2000
const priceC = 3300
// 함수의 호출
const avg1 = calculateAvg(priceA, priceB, priceC)
console.log(`세 상품의 평균 가격은 ${avg1}입니다.`)

실행결과 ==>

세 상품의 가격 총 합은 6300입니다.
세 상품의 평균 가격은 2100입니다.

 

함수를 호출하면 코드의 실행흐름은 다음과 같다.

(1) 함수 calculateAvg를 호출하면 priceA와 priceB, priceC를 매개변수로 전달한다.

(2) 함수 calculateAvg의 바디코드가 실행되며, (1)에서 전달한 매개변수의 값은 함수 선언 시 사용한 매개변수명인 price1, price2, price3에 할당된다.

(3) 최종적으로 변수 avg를 return하며 이 값이 변수 avg1에 할당 된다.