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>";
}
'WEB' 카테고리의 다른 글
[Javascript] 자바스크립트 함수 선언 & 호출 (0) | 2022.03.04 |
---|---|
[Javascript] 객체 & 배열 (0) | 2022.03.03 |
[javascript] 변수 선언(var), 디버깅(console.log) (0) | 2022.03.01 |
[WEB] html/css 레이아웃 (0) | 2022.02.28 |
[WEB/CSS] flexbox (0) | 2022.02.27 |