[포스코x코딩온] 웹개발자 풀스택 과정 2주차 | Javascript 조건문, 반복문

함수(Function)

• 특정 동작(기능)을 수행하는 일부 코드의 집합(부분)

1. 함수 선언문(Function Declarations)
   : 어디서든 호출가능

   <script>
   function sayHello(){
   	console.log('Hello');
   }
   </script>

2. 함수 표현식
   : 코드에 도달하면 생성

   <script>
   let sayHello = function(){
   	console.log('Hello');
   }
   </script>

3. 함수 선언문, 함수 표현식 차이점

• 함수 선언식은 호이스팅에 영향을 받지만, 함수 표현식은 호이스팅에 영향을 받지 않는다.

  호이스팅(Hoisting)은 코드가 실행하기 전 변수선언/함수선언이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 말한다.

4. 화살표 함수(arrow function)

   <script>
   let add = (num1, num2) =>{
   	return num1 + num2;
    }
    </script>

함수 형태

1. 매개변수 X, 반환값 X

  <script>
  function sayHello(){
  	console.log('Hello');
  }
  </script>

2. 매개변수 X, 반환값 O

   <script>
   let sayHello = () => {
   	return 'Hello'
   }
   </script>

3. 매개변수 O, 반환값 X

   <script>
   let sayHello = function (name){
   	console.log('Hello, ${name}`);
   </script>

4. 매개변수 O, 반환값 O

 <script>
 let sayHello = function(name){
 	return 'Hello, ${name}`
}
</script>

• return 유무, parameter 유무로 알 수 있다.

조건문

• JavaScript 조건문 : 특정 조건 만족 시(조건이 참인 경우) 실행하는 명령의 집합, 특정 조건 속에서 작업을 수행하고 싶을 때 사용

if문

1. if / else

if(조건1){
	조건1이 참이라면 실행
} else{
	조건1이 거짓이라면 실행
}

2. if / else-if / else

if(조건1){
	// 조건1이 참이라면 실행
}else if(조건2){
    // 조건2가 참이라면 실행
 }else{
 	//조건 1과 2가 모두 참이 아닐 때 실행
 }

3. if 중첩

if(조건1){
	if(조건2){
    	 //조건1, 조건2가 모두 참이면 실행
    } else{
   		 //조건1이 참이고 조건2가 거짓이면 실행
    }
}

조건문(switch)

switch(변수){
	case 값1:
    	// 변수와 값1이 일치하면 실행
        break;
    case 값2:
    	// 변수와 값2가 일치하면 실행
        break;
    default:
    	// 일치하는 값이 없을 때 실행
        break;
}

3항 연산자

• IF 문을 간단하게 표현하는 방법
  • 조건식 ? 조건이 참인 경우 : 조건이 거짓인 경우;
  • 한줄로 간단히 표현 가능

<Script>
// if문
let name = "hong";
if(name === "hong"){
	console.log("정답");
    } else{
    console.log("오답");
}
// 3항 연산자
name != "hone" ? console.log("정답") : console.log("오답");

</script>

반복문

• 똑같은 명령을 일정 횟수만큼 반복해 수행하도록 하는 실행문

for문

형태

1. 초기화식 : let i=0
2. 조건식 : i<10
3. 실행문장 : console.log()
4. 증감식 : i++

while 문

while(조건문){
	실행할 코드(명령문)
}

• For문 과는 달리 조건을 변경하는 구문이 기본적으로 포함되어 있지 않기 때문에 무한 루프가 일어날 수 있다.

<script>
//1~10까지 합을 구하기
let i = 1;
let sum = 0;
while(i<=10){
	sum += i;
    i++;
}
</script>

반복문 제어

• break : 반복문을 멈추고 밖으로 빠져나감

<script>
// break문
for(let i = 0 ; i<100 ; i++){
	if(i==10){
    console.log("정지");
    break;
    }
	console.log(i);
</script>

결과 :

• continue : 반복문을 한 번만 멈추고 다음으로 진행
  
  결과