[Javascript] 조건문 / 반복문

Day 10!!

조건문 / 반복문 개념 구글링해보고 실습하기

조건문

if문

: 조건에 부합하는 경우 조건문 아래 내용을 실행한다. 

 var num = prompt('점수를 입력하세요','0~100사이의 정수');
           if(num >= 70){
                alert('합격입니다');
           }

- prompt함수 : 사용자에게 문자열을 입력받은 함수

- if문에 부합하면 (num이 70보다 클 경우) 경고창에 합격이라고 띄워준다. 

if문을 응용해서 쓸 수 있는 것들은 if else, if else if 등이 있다. 

switch문

: 조건 경우(switch 뒤에 들어오는 조건)에 따라 명령을 각각 지정하는 구문

나머지는 다른 문법과 비슷해서 생략한다. 

- [new Date().getDay()] : 오늘의 요일을 숫자로 반환한다.

 var day = '';
            switch (new Date().getDay()) {
                case 0:
                    day = "Sunday";
                    break;
                case 1:
                    day = "Monday";
                    break;
                case 2:
                    day = "Tuesday";
                    break;
                case 3:
                    day = "Wednesday";
                    break;
                case 4:
                    day = "Thursday";
                    break;
                case 5:
                    day = "Friday";
                    break;
                case 6:
                    day = "Saturday";
                    break;
            }
            alert('오늘 요일 : ' + day);

오늘 날짜는 20220302(수) 이므로 Wednesday가 출력된다. 

---

반복문

종류

고전적인 반복문은 생략한다. 

나머지 자세한 부분은 내일 마무리 해야겠다. 오늘은 일단 과제를ㅠㅠ

 

1. for : 고전적인 for문

2. for in : 객체의 프로퍼티 키 열거 전용

for (변수 in 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행되는 실행문
    }

3. for of : 이터러블 순회 전용

for (변수 of 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행되는 실행문
    }

4. forEach(): 배열 순회 전용 메서드

const myArr = [1, 2, 3, 4, 5];

const newMyArr = myArr.forEach((currentElement, index, array) => {
    console.log(`요소: ${currentElement}`);
    console.log(`index: ${index}`);
    console.log(array);
});

console.log(newMyArr);

5. while : 고전적인 while문

6. do while : 고전적인 do...while문

7. Object 객체 메서드: 객체 순회 전용

8. Array.prototye 메서드 : 배열 전용

 

 

for문의 실행예제다 (어제한거 재탕하기)

 var id_name = "test";
     html = "변수(var)";
  
      for(let i=1; i<=5; i++) {
       document.getElementById(id_name + i).innerHTML = "<b>" + html + i +"</b>";
      }