자바스크립트 4️⃣ - 제어문, 반복문

 

제어문 

프로그램의 동작 흐름을 제어하기 위해 작성하는 구문(코드)

(*) 조건 : 불리언 데이터를 반환하거나 불리언 데이터로 해석할 수 있는 표현식 

 

if(조건){
	// 조건이 참일 때 실행할 코드
}

 

if(false){
    console.log("오랜만에 수업이네"); 
    // false이므로 실행되지 않음 
}

 

연습 1️⃣ 

let number = 3 

if(number === 3 ){
    console.log("참입니다!");
}

 

 

1. 조건문(선택제어문)

: 주어진 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문 

(*)조건 :  boolean데이터를 반환하거나 boolean데이터로 해석할 수 있는 표현식

- 주어진 조건에 따라 선택적으로 구문을 실행하므로 실행을 마치고 나면 다음 구문으로 코드가 이어서 진행된다. 

➡️ 따라서 '선택제어문'이라고 부르기도 한다 

 

if(조건) {
    //조건이 true일 때 실행할 코드
}else{
    //조건이 false일 때 실행할 코드
}

 

연습 2️⃣

const pw = "1000"
const user_pw = prompt("what is your password")
if(pw == user_pw) {
    alert("wow")
}else{
    alert("oh...incorrect")
}

 

 

 

연습 3️⃣

<h1 id="notice"></h1>
<script>
    console.log( 1 >= 0); //true
    console.log( 1 < 0); //false

    console.log('1' == 1); //false
    console.log('1' === 1 ); //true

    const pw = "1000"
    const user_pw = prompt("what is your password")
    if(pw == user_pw) {
        const h1 = document.getElementById("notice")    
        h1.textContent = "sucess"
    }else{
        const h1 = document.getElementById("notice")    
        h1.textContent = "try again"
    }
</script>

 

(*) 들여쓰기 설정 

https://hianna.tistory.com/363

[VSCode] 들여쓰기(indent) 간격 설정(1)

 

 

 

2. 반복문 

 

: 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문 

 

1) while문

: 주어진 조건이 참(true)일 동안에 구문을 반복하는 반복문 

= 조건이 false가 될 때까지 조건을 반복

 

연습 1️⃣ 

let number = 1

while(number < 5){
  console.log(number);
  number += 1 
}

console.log("End");

 

2) for문

: 초기식, 조건식, 반복식으로 반복 횟수를 명시적으로 표현

for(초기식; 조건식; 반복식){
  //조건이 true일 경우 반복 수행할 코드
}

 

- 초기식: 반복 조건의 초기화 작업

               초기식에서 let 키워드를 사용해 선언한 변수는 for문의 실행이 끝나면 사용할 수 없다.

 

- 반복식: 반복이 한 번 끝날 때마다 실행될 작업

 

 

연습 1️⃣ 

for(let i = 1; i <= 10; i += 1){
	console.log(`${i}번째 반복중`);
}

 

 

 

while	'조건'에 따라 반복
for	'횟수'를 정하고 반복

 

 

 

 

(*) vscode에서 저장 시 자동정렬 시키기 

https://hianna.tistory.com/455

[VSCode] 저장 시 자동정렬 설정하기