JavaScript기초 - 정리(2) if문 , for문 , 함수

 

이번 포스팅에서는 JavaScript에서 사용하는 if문, for문, 함수에 대해 정리해보고자 한다. 

 

 

< 목차 >

1. if문
2. for문
3. 함수 (function)

 

 

 

< if문 >

if문은 조건문이다. 특정 조건을 만족했을 때 if문 안에 들어있는 코드블록이 실행되도록 한다.

if문을 작성하는 형식은 아래와 같다.

if문 - 조건문

if (boolean) {
    // 참일 때 실행하는 코드영역
} else {
    // 거짓일 때 실행하는 코드영역
}

if (불리언) {
    코드블록
} else {
    코드블록
}

 

• 비교연산자를 활용해 불리언 값 도출
• 조건을 만족할 때 if에 해당하는 코드블록이 실행됨.
• 조건을 만족하지 않을 경우 else에 해당하는 코드블록이 실행됨.

+) boolean 값으로는 True와 False가 있다.

 

 

 

< for문 >

for문은 반복문이다. 지정된 조건문을 만족하는 범위 안에서 반복적으로 코드블록이 실행된다.

for문을 작성하는 형식은 아래와 같다.

for (초기문; 조건문; 증감문) {
    // 코드블록
}

for (let i=0; i<10; i++) {
    // 코드블록 
}

 

for (변수선언; boolean; 산술연산자) {
         코드블록
}

 

• 초기문에서 변수를 선언한다.  →  let i=0;
• 조건문에서 boolean을 활용한다.  →  i<10; 
• 증감문에서 산술연산자를 활용한다.  →  i++ , i--

+)  i++  :  i = i+1 을 의미.

+)  i--  :  i = i-1 을 의미.

 

 

 

< 함수 >

함수를 사용하는 형식은 아래와 같다.

function 함수명(매개변수) {
    // 코드블록
}

함수를 정의할 때 함수의 이름(함수명)과 함께 매개변수를 지정하게 되는데 지정된 매개변수가 함수의 코드블록 안에서 실행되는 구조이다. 함수를 구현해서 사용할 때 주의해야할 점은 함수의 정의와 실행은 다르다는 것이다. 함수의 정의와 실행을 구분할 수 있어야 한다. 함수를 사용하기 위해서는 함수를 정의한 후에 함수를 실행시키는 작업을 거쳐야만 한다.

// sum을 함수명으로 하는 함수를 정의하시오
function sum(){
    // 코드블록
    return 반환값
}


// sum 함수를 호출하시오
sum()

위의 코드를 살펴보면 함수를 정의할 때 return이 사용되는 것을 볼 수 있다. 함수에서 return을 사용하는 이유는 함수의 결과물을 반환하기 위해서이다. 다시말해, return은 반환값이다. 함수의 코드블록 안에서 할당된 값을 외부로 보내게 하는 것이 return이 하는 역할이라고 볼 수 있다. 따라서 함수를 정의할 때는 해당 함수의 실행 결과로 어떤 값을 반환할지 지정해줘야 한다.

+) 참고로 함수는 하나의 return값만을 갖는다.

+) return이 없는 함수는 void로 나타난다.

 

함수에서 중요하게 집고 넘어가야할 포인트는 매개변수(인자)와 return 값이 존재한다는 것이다. 매개변수(인자)와 return이 각각 무엇을 의미하는지 반드시 숙지하고 있어야 한다.

 

<예제코드>

// let , const
// let 변수명 = 데이터값(데이터타입)
// 예약어 x  =  x  ( 형식 )

// 데이터타입
// 숫자
let num;
num = 100

// 문자열
let str;
str = '안녕하세요'
        
//불리언
let bool; // 0:false  1:true
bool = true; // or false
        
//배열
let arr;
arr = ['짱구','철수','훈이']
        
//객체
let obj;
obj = {
    name:'짱구',
    age:7,
    weight:'150cm'
}


let 조용훈 = "남자"
        
// 조건문 if 
if (조용훈 == '남자'){   
    console.log('남자');  // true일때만 실행되는 공간
} else {
    console.log('여자');
}


// 데이터 타입이 같아야 비교가 가능하다.
// string을 비교할 때는 ==을 이용하는 경우가 많다.

// 반복문 for
// for(초기문; 조건문; 증감문)
// 내가 같은 코드를 몇번을 반복시킬 것인가
// 비교문을 활용하자!
// 비교문은 최소 10번 돌리고 싶다면
// 특정변수에 i = 0
// i < 10  0 < 10  true
// i++ // i = i+
for(let i=0; i<10; i++){
    // code block
    console.log(i)
}
        
for(let i=10; i>0; i--){
    console.log(i)
}

for(let i=2; i<10;){
    for(let j=1; j<10; j++){
        console.log(i+'*'+j+'='+i*j);
    }
    i++
}
        
for(let i=1; i<6; i++){
    console.log(i)
}

// 함수 (function)
// function의 역할은
// 특정 역할을 동일시 수행할 경
// 함수 정의
// 함수를 실행(사용)
// 함수의 기능 2가지
    // 매개변수(인자) parameter
    // return
        // 함수의 결과물을 반환하기 위해서 사용합니다.
        // 함수 안에 있는 내용을 함수 밖에서 사용하고 싶어서 사용합니다

function ingoo(name){
    // code block
    let result = name+'님 환영합니다.';
    return result;
}
        
let id1 = ingoo('web7722');
let id2 = ingoo('짱구')
console.log('Hello world! \n' + id1 + '\n' + id2)        
        
for(let i=1; i<11; i++){
    if(i==5){
        console.log('hello world')
    } else {
        console.log(i)
    }
}
        
for(let i=1; i<11; i++){
    if(i%3==0){
        console.log('hello world')
    } else {
        console.log(i)
    }
}