지금까지 배운 예제 복습하기 !

01. for문을 이용해서 1~8까지 출력

for(let i=1; i<=8; i++){
    document.write(i);
}

변수값을 지정하고 실행문을 8번 반복 실행하게 만드는 기본적인 실행문 예제입니다.

 

 

02. for문을 이용해서 1부터 100까지 짝수만 출력

for(let i=0; i<=100; i +=2){
    document.write(i)
}

1부터 100까지 ' +=2 '를 사용하여 2씩 더하여 짝수만 실행시킨 예제입니다.

 

 

03. for문을 이용해서 1부터 100까지 4의 배수만 출력

for(let i=0; i<=100; i++){
    if(i % 4==0){
        document.write(i)
    }
}

if문을 사용하여 조건을 만들어 4의 배수만 출력한 예제입니다.

 

04. for문을 이용해서 구구단 8단 만들기

for(let i=8; i<9; i++){
    document.write(i+"단"+"<br>")
        for(let j=1; j<=9; j++){
            document.write(i+"*"+j+"="+j*i+"<br>");
    }
}

첫번째 반복문이 한번 실행되게 만들고 두번째 반복문이 9번 반복되게 하여 구구단 8단을 만든 예제입니다.

 

 

05. for문을 이용해서 15칸짜리 테이블을 만들고 1~15까지 차례대로 적혀 있게 만들기

table = "<table border=1>";
num =0;
for(let i=1; i<=3; i++){
	table +="<tr>";
    for(let j=1; j<=5; j++){
    table +="<td>"+num+"</td>";
    num++;
    }
    table +="</tr>"
}
table += "</table>"
document.write(table);

테이블이라는 변수에 테이블 속성을 넣고 따로 num이라는 값에 0을 할당 해주고 첫번째 반복문이 실행될때마다 두번째 반복문이 실행되게 만듦과 동시에 'num++;'를 사용하여 num의 값을 입력 될때마다 증가시켜 줍니다.

그리고 나머지 닫는 속성도 '+='을 사용하여 닫아주고 실행을 해주면 완성 됩니다.

 

06. 선언적 함수 (화살표 함수로 변환)

선언적 함수는 function 키워드를 사용하여 정의되며, 함수 이름이 지정되어 있습니다. 함수 선언식이라고도합니다.

 함수의 정의가 스크립트의 어디에서든지 호출되기 전에 해석됩니다.

{
    function func(){
        document.write("함수가 실행되었습니다.");
    }
    func();
}
// 화살표 함수
{
    func = () => {
        document.write("함수가 실행되었습니다.");
    }
    func();
}

 

07. 익명 함수 (화살표 함수로 변환)

익명 함수는 이름이 없는 함수로, 변수에 할당될 수 있습니다. 함수 표현식이라고도합니다. 

익명 함수는 함수 표현식에서 사용되는 것이 일반적입니다.

{
    const func = function(){
        document.write("함수가 실행되었습니다.");
    }
    func();
}
// 화살표 함수
{
	const func = () => {
    	document.write("함수가 실행되었습니다.");
    }
    func();
}

 

08. 매개 함수 (화살표 함수로 변환)

매개 함수는 다른 함수 내에서 호출되는 함수로, 매개 변수를 통해 값을 전달 받습니다.

{
    function func(str){
        document.write(str);
    }
    func("함수가 실행되었습니다");
}
// 화살표 함수
{
	func = (str) => {
    	document.write(str)
    }
    func("함수가 실행되었습니다");
}

 

09. 리턴 함수 (화살표 함수로 변환)

리턴 함수는 다른 함수에서 호출될 때 값을 반환하는 함수입니다. 

이러한 함수를 사용하면 함수가 호출될 때 반환되는 값과 함께 함수를 종료할 수 있습니다.

{
	function func(){
    	const str = "함수가 실행되었습니다";
        return str;
    }
    document.write(func());
}
// 화살표 함수
{
	func = () => {
    	const str = "함수가 실행되었습니다";
        return str;
    }
    document.write(func());
}