[JavaScript] 기초2

---

목차

• 반복문
  • for 문
  • while 문
  • do-while 문
• 점프문
  • break 문
  • continue 문
• 함수
• 예제 문제 2개

---

 

ㅁ반복문

ㅇfor문

for ( 초기화식; 조건식; 반복식)

//예제
for(var i=0; i<10; i++){
	console.log(i);
}

 

 

-3의 배수 합 출력하기

 

 

 

-테이블 반복처리하기

아래와 같은 코드를 반복문으로 나타낸다.

현재 <tr> 코드부터 </tr>코드 까지 반복되므로 반복문처리한다.

똑같은 결과가 나오는 것을 알 수 있다.

 

 

 

-2의 곱셈을 table과 for문 이용해서 나타내기

 

 

 

-중첩 for문 만들기(1)

 

-중첩 for문 만들기(2)

 

-테이블 태그 안에 별 만들기

 

 

 

ㅇwhile문

while (조건식) 문장


//예제
let i = 1;
while (i <=10){
    console.log(i);
    i++;
}

 

 

ㅇdo-while문

먼저 문장을 실행하고 마지막에 조건식을 평가해서 반복할지 하지 않을지를 결정함

do 문장 while(조건식);


//예제
let i = 1;
do {
    console.log('hello', i)
    i++;
} while(i<=10);

 

 

 

ㅁ점프문

ㅇbreak문

반복문이나 switch문 수행중 강제로 제어문을 끝내려면 break; 을 사용하면 된다.

사용하면 가장 가까운 반복문이나 switch문을 빠져나온다.

라벨을 사용하면 라벨이 걸린 반복문이나 switch문을 빠져나온다.

//사용법
break;

break 라벨 이름;


//예제
for(let i=1; i<10; i++) {
    console.log(i);
    if( i ==5) break;
}



//라벨지정, 라벨이름: loop
loop: for(let i=1; i<10; i++) {
    console.log(i);
    if( i ==5) break loop;
}

 

 

 

ㅇcontinue문

반복문 안에서 반복을 멈추고 다시 조건으로 보내기 위해서 사용한다.

아래 코드를 보면 i=5이면 '5입니다.'를 출력하고 바로 조건식으로 이동해서 i는 6이 되고 반복을 진행한다.

라벨을 사용하면 라벨이 걸린 반복문을 빠져나온다.

 

//사용법
continue;

continue 라벨 이름;


//예제
for(let i=1; i<10; i++) {
    if( i ==5) {
        console.log('5입니다.');
        continue;
    }
    console.log(i);

}



//라벨지정, 라벨이름: loop
loop: for(let i=1; i<10; i++) {
    if( i ==5) {
        console.log('5입니다.');
        continue loop;
    }
    console.log(i);

}

 

 

 

ㅁ함수

함수란 특정 기능을하는 일련의 처리를 하나로 묶어서 저장해놓고 언제든지 호출해서 사용하는 것이다.

입력값을 받으면 미리 저장된 처리 등을 통해 출력밧으로 함수 값을 반환한다.

function 함수이름(입력값) {
    처리문장1;
    처리문장2;
    return 반환값;
}


//예제: 함수선언 입력값의 제곱을 구해주는 함수
function square(x) {
    return x*x;
}


//예제: 함수선언 입력값들의 곱을 구해주는 함수
function square(x, y) {
    return x*y;
}


//함수 호출
sqaure(3);

출력값으로 9가 나온다

위와 같은 함수를 선언적 함수라고 한다. 함수의 이름이 있음.

 

선언적함수 외에 익명함수로 함수를 선언할 수 있다.

참조변수를 만들고 함수의 주소값을 저장하는 것

// 익명함수 선언
let func1 = function(d1, d2) {
    return d1 + d2;
}

 

-콜백함수 사용하기

콜백함수란 함수가 함수를 호출하는 것을 의미한다. 

함수를 변수 취급하는 것을 일급함수라고 한다.

 

 

-함수의 리턴값으로 함수 선언하기

rFunc 참조변수에 함수를 저장하고 이 함수의 리턴값으로 새로운 함수를 선언한다.

이 새로운 함수는 result 참조변수에 저장하고 result() 를 출력하면된다.

rFunc()(); 을 사용해도 똑같은 결과가 나온다.

 

-하나의 함수에 여러 함수 선언하기

 

 

-함수 안에 또 다른 함수 선언하기(중첩함수)

중첩함수를 사용하는 이유는 하나의 함수의 내용이 복잡해지는 것을 방지하기 위해 하나의 함수 기능을 여러개로 나누어서 사용한다.

 

 

-화살표 함수로 함수 선언하기

 

 

 

 

 

 

 

 

 

 

---

예제문제 1

해답

 

 

예제문제2

해답