자바스크립트 제어문, 반복문 그리고 함수

제어문

if문

let x = 10, y = 20;
if (x == y) {
    console.log("x = y")
}; // 조건이 참이 아니기 때문에 실행되지 않음

if-else 문

let x = 10, y = 20;
if (x == y) {
    console.log("x = y")
} else {
    console.log("x != y")
} // 조건이 참이 아니기 때문에 x != y 가 출력됨

else if 문

let x = 10, y = 20;
if (x == y) {
    console.log("x = y")
} else if (x < y) {
    console.log("x < y")
} else {
    console.log("x != y")
} // 조건이 거짓이기 때문에 x != y 가 출력됨

삼항연산자

연산자를 이용하여 if문을 작성하는 방식

let x = 3, y = 5;
let result = (x > y) ? "a" : "b"; // 거짓
console.log(result); // b

let result = (x < y) ? "a" : "b"; // 참
console.log(result); // a

switch

사전에 case 를 정의하고 해당 case에 해당될 경우 이후 작성된 내용이 실행 됨

각각의 case에 break 를 작성해야함

switch () {
    case "return 값" :
        case 에 해당되면 실행될 값
        break;
    case  ... 
}

반복문

for문 : 정확히 몇번 회전해야하는지 범위를 알때 사용

while문 : 주로 정확한 범위가 아닌 상태에 따른 반복일때 사용

for 반복문

for 문

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

for-in 문

var arr = [3,4,5];
for (var i = 0; i < arr.length; i++){
    console.log(i)
}

for (var i in arr){
    console.log(i)
}

var obj = { name : "이순신", age : 20 };
for (var i in obj){
    console.log(i)
    console.log(obj[i])
}

while 반복문

var i = 1;
while (i < 10){
    console.log(i);
    i++;
}

continue & break

continue를 만나면 이후 작업을 실행하지 않고 반복문 처음으로 돌아감

break를 만나면 반복문을 바로 탈출

//continue
var except = 3;
for (var i = 0; i <=100 ; i++){
    if (i % except == 0){
        continue;
    }
    console.log(i);
} // 3의 배수는 continue 로 인해 출력이 안 됨.  1, 2, 4, 5, 7 ... , 97, 98, 100

//break 
var stop_num = 10;
var i = 0;
while (true){
    if (i >= stop_num) {
        break
    }

    console.log(i)
    i++;
} // i 가 stop_num 과 크거나 같아지면 break 함. 0, 1, 2, 3, ... , 8, 9

함수

특정한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미

함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음

function 함수이름 (매개변수) {
    내용입력
    return 반환
}

매개변수: 함수에 전달해야되는 내용이 있을때, 이 함수가 실행될때 알아야되는 내용이 있을 때 매개변수를 통해 전달

return: 반환값, 함수 완료 후, 반환되야하는 값이 있을 때 사용

지역변수

함수 내에서 선언된 변수

변수가 선언된 함수 내에서만 유효. 함수가 종료되면 메모리에서 사라짐

함수의 매개변수 또한 함수 내에서 정의되는 지역 변수처럼 동작함

전역변수

함수 외부에서 선언된 변수

어느 영역에서나 접근할 수 있으며, 페이지(코드)가 닫혀야 메모리에서 사라짐

호이스팅

//함수 호이스팅(hoisting)
var globalNum = 10;     // globalNum을 전역 변수로 선언함.
function printNum() {
    console.log("지역 변수 globalNum 선언 전의 globalNum의 값은 " + globalNum + "입니다.<br>"); // ①
    var globalNum = 20; // globalNum을 지역 변수로 선언함. // ②
    console.log("지역 변수 globalNum 선언 후의 globalNum의 값은 " + globalNum + "입니다.<br>");
}
printNum();
// 지역 변수 globalNum 선언 전의 globalNum의 값은 undefined입니다.
// 지역 변수 globalNum 선언 후의 globalNum의 값은 20입니다.