javaScript 조건문(if-else), 반복문(for,while)

## 조건문

 
-조건문이란 주어진 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다.
-여기서 조건이란, boolean 데이터를 반환하거나 논리형 데이터로 해석될 수 있는 표현식을 의미한다.
 (즉 결과값이 true 또는 false로 나와야 한다.)


# if문

-키워드 if를 사용해서 만드는 구문이며 ‘if문’은 가장 일반적인 형태의 조건문이다.
-조건식이 true이면 블록을 실행하고 false이면 블록을 실행하지 않는다.

if(조건식 : true & false) { 조건식이 true일 경우 실행될 구문1 작성;

조건식이 true일 경우 실행될 구문2 작성;

조건식이 true일 경우 실행될 구문3 작성;}

 

let number = 3;

if (number == 3) {
    console.log("조건식을 만족합니다.");
}

let boo = 5 > 3;

if (boo) {
    console.log("해당조건식을 만족합니다.");
}

# if-else문

-if는 조건이 참일 때 할 일을 정의하는 구문을 만든다.
-else는 옵션이며 필요할 경우에만 사용할 수 있다.
-if문이 참일 경우 if문안의 코드가 실행되지만  if문이 참이 아닐 경우 else문안의 코드가 실행된다.

if(조건식) {

// 조건식이 참일 경우 실행할 구문

} else {

// 조건식이 참이 아닐경우 실행할 구문

}

let number = 3;

if (number != 3) {
    console.log("조건식을 만족합니다.");
} else {
    console.log("조건식이 다릅니다.");
}

 

-else if를 사용하는 경우(true, false의 값 둘다 아닐 때)

-아래에는 구문이 1개이다. 1개만 실행이 되기 때문이다.

let number1 = 15;
let number2 = 15;

if(number1 > number2){
    console.log("number1의 값이 더 큽니다.");
} else if(number1 < number2){
    console.log("number2의 값이 더 큽니다.");
} else {
    console.log("둘 다 값이 같은거 아닐까요?");
}

 

let number2 = prompt("숫자를 입력하세요.");

if(number2 % 2 == 0){
console.log("이 숫자는 짝수입니다.");
}else if(number2 % 2 == 1) {
    console.log("이 숫자는 홀수 입니다.");
}

 

-let p = document.querySelector("p"); = HTML에 적어놓은 p태그를 변수 p에 저장하겠습니다.

-p.textContent = `${입력해준값}` : 기존 HTML에 저장해놓은 p태그를 javaScript를 사용해서 DOM을 통해서 `${입력해준값}`으로 변경하겠습니다.

let num1 = prompt("첫번째 숫자를 입력하세요.")
let num2 = prompt("두번째 숫자를 입력하세요.")

let p = document.querySelector("p");
// p태그의 값을 먼저 p의 값에 적용한다.

if(num1 > num2){
    p.textContent = `${num1}이 ${num2}보다 큰수 입니다.`;
} else if(num1 < num2){
    p.textContent = `${num2}이 ${num1}보다 큰수 입니다. `;
} else{
    p.textContent = `${num1}의 값과 ${num2}의 값은 같은 값입니다.`;
}

 

 

---

 

## 반복문

 
-반복문이란 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다.
-대표적인 반복문으로는 for문과 while문이 있다.

# while문

-키워드 while을 이용해 만드는 구문
-while문은 주어진 조건식이 참일 동안에 구문을 반복한다.
-조건식에는 boolean 또는 논리형으로 해석할 수 있는 표현식이나 논리형 타입의 변수가 올 수 있다.

while(조건식) {
// 조건식이 참일 경우 실행할 구문
// 조건식이 참일 경우 실행할 구문
// 조건식이 참일 경우 실행할 구문
// 조건식이 참일 경우 실행할 구문
}


# while문 동작 과정

let number = 1;

console.log("반복문 실행 전");

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


console.log("반복문 실행 후");

let number = 1;

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

let number = 1;
let sum = 0;

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

console.log("1부터 10까지의 총합은? " + sum + "입니다.");
// 위의 + 의미는 연결의 의미로 쓰인다. (연결 연산자)

 

 

-문자열 뒤에 오는 숫자는 문자 취급이 된다. 하지만 앞에 숫자로 시작했으면 숫자로 취급이 된다.

console.log("1부터 10까지의 총합은? " + sum + sum + "입니다."); // 문자열 + 숫자는 숫자가 문자로 취급된다.
console.log(sum + sum); // 숫자만 있을 때는 더하기가 정상적으로 된다.

 

console.log(sum + sum + " = sum + sum" + sum + sum);

 

-뒤에 오는 숫자를 계산 후에 출력하고 싶으면, 괄호를 넣으면 된다.

console.log("1부터 10까지의 총 합 *2 = " + (sum + sum) + "입니다.");

 

let number = 1;

while(number <= 10){
    if (number % 2 ==0){
    console.log("짝수= " + number);
    }
    number += 1;
}

while(number <= 10){
    if (number % 2 ==1){
        console.log("홀수 =" + number);
    }
    number += 1;
}

// 여기서 홀수가 안찍히는 이유는 이미 while문을 통해서 number가 10이 넘었기 때문이다.

 

->

 

 

## 반복문

 
-반복문이란 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다.
-대표적인 반복문으로는 for문과 while문이 있다.

# for문

-for문은 구문 작성시 반복을 위해 필요한 세가지 요소를 한곳에 작성하므로써
 보다 명시적으로 반복 횟수를 표현할 수 있는 직관적인 구문이다.



for(초기식;  조건식;  반복식) {
// true일 경우 반복할 구문 작성
// true일 경우 반복할 구문 작성
}

example)
for(let i = 1;   i < 5;   i += 1) {
console.log(i);
}

let sum = 0;

for (let i = 1; i <= 10; i+= 1){
    sum += i;
    console.log(sum);
}
console.log(sum);

// if문이나 for문 안에 만든 변수는 지역변수 이므로, 중괄호 안에서만 사용가능하다.