자바스크립트 사용자 지정 함수, for문

목차

 

-사용자 정의 함수

-for문

-자바스크립트 let

 

 

 

사용자 정의 함수

 

내가 원하는 함수를 만들어서 사용할 수 있음.

 

사용하는 이유? 특정 역할을 반복해서 수행할경우 간편하다.

 

사용 형식(방법)

function 함수명( 파라미터(인자) ){

처리 내용;
.

.

.
return 반환값;

}

출처: https://cofs.tistory.com/142 [CofS]

 

예시)

        function hi(name){
            let result = name + "님 환영합니다.";
            return result
        }

        console.log(hi("청포도 에이드"));

hi --> 함수명

name --> 인자(parameter)

함수 내부에서 result를 정의하여 return 값으로 반환하였다.

 

출력결과

 

 

for문

 

사용형식

for(초기문; 조건문; 증감문){
     실행 내용

      }

예시) 안녕하세요.를 10번 출력하여라.

 

        for(let i=0; i<10; i++){
            console.log("안녕하세요.", i);
        }

이 때 다른 언어들과 달리 i 앞에 let을 붙여주어야한다. (습관 들이는 편이 좋음.)

 

출력 결과

 

 

이번에는 for문 안에 if문을 넣어 작동시켜보겠다.

 

예시) 1부터 10까지 차례대로 숫자를 출력하고, 숫자가 5일 때만 hello, world!를 출력하여라.

 

        for(let i=1; i<11; i++){
            if (i==5){console.log("hello, world!");}
            else{console.log(i);}
        }

 

출력 결과

 

 

 

예시2) 1부터 10까지 차례로 출력하되, 3의 배수일때만 hello,world!를 출력하여라.

 

        for(let i=1; i<11; i++){
            if(i%3==0){console.log("hello, world!");}
           else{console.log(i);}}

 

i%3 --> i를 3으로 나누었을 때의 나머지 --> n의 배수는 n으로 나누었을 때 나머지가 0이다.

 

 

출력 결과

 

 

 

※유의사항!※

 

반드시 let과 함께 변수를 정의하는 것을 잊지말자!

 

tip) 줄바꿈은 \n