WEB
제어문
프로그램의 실행 순서를 제어하는 조건문, 반복문, 기타 제어문이 있다.
- 조건문 : 조건을 사용해서 프로그램 실행 순서 제어
- if문, switch문
- 반복문 : 프로그램 실행을 반복문을 사용해서 제어
- for문, while문, do-while문
- 기타 제어문 : 그 밖의 프로그램 실행 순서 제어
- 반복문을 탈출 또는 일시 탈출 : break문, continue문
- 객체 생략 : with문
- 예외처리 : try-catch-finally문
조건문
조건문에는 if문, switch문, 조건 연산자가 있다.
if문
주어진 값에 따라 결과가 2개로 분기 시 사용되며, 조건과 결과로 구성된다.
- 조건 : ~이면
- 결과가 2개 : 참 또는 거짓
복잡한 조건식을 구현할 떄는 and, or 연산자를 사용한다. 자바스크립트의 and, or 연산자는 &&, || 연산자를 사용한다.
- and 연산자 사용법 : 조건1 && 조건2 && ....
- or 연산자 사용법 : 조건1 || 조건2 || .....
기본 if문
if(조건){
조건을 만족할 때 (참일 때)
}
else{
조건을 만족하지 않을 때 (거짓일 때)
}
조건을 만족할 때만 처리가 있는 if문은 else문을 사용하지 않는다.
if(조건){
참
}
switch문
표현식의 값에 따라 분기되는 제어문으로 다중 if문을 대체할 때 주로 사용한다. 그러나 C언어 계열(C/C++, 자바, 자바스크립트)의 프로그래밍 언어에서는 switch문을 권장하지 않는다. 이유는 표현식의 결과가 정수만 가능하기 때문이다.
switch(표현식){
case 값1 :
//처리
break;
case 값2 :
//처리
break;
default :
}
반복문
반복문은 반복 작업 처리에 사용하며 여러 건의 작업처리에 사용된다. for 또는 while문을 사용한 횟수제어 반복문은 카운터 변수 선언과 초기화, 반복횟수제어 조건, 처리할 문장, 카운터 변수 누적이 필요하다. 카운터 변수는 반복문의 반복 횟수를 제어하기 위해서 사용한다.
for(var 카운터 변수 선언과 초기화; 반복횟수제어 조건; 카운터변수 누적){
//반복할 문장
}
예)
for(var x=0; x<10; x++){
document.write(x);
}
for-in문 : 객체 내의 프로퍼티 반복
for(var 변수 in 객체명){
//처리할 문장
}
예)
var test = {name:"바나나", subName:"kick"};
for(var t1 in test){
document.write(t1+" : "+test[t1]+ "<br>");
}
출력결과
name:바나나
subName:kick
for-if문 : 객체 반복
객체 내의 객체를 반복할 때 사용한다. 즉, 객체의 모임(컬렉션)을 반복하는데, 객체가 객체의 값으로 여러 개의 객체를 갖는 것을 컬렉션이라 한다.
for(let 변수 of 컬렉션){
// 처리할 문장
}
for of문 : 컬렉션내의 객체의 반복
let문 : 객체저장 변수에 값 할당
예)
var test = [{name:"바나나", subName:"kick"},
{name:"포테토", subName:"chip"}];
for(let t1 of test){
for(var t2 in t1){
document.write(t2+" : "+t1[t2]+"<br>");
}
}
출력결과
name : 바나나
subName : kick
name : 포테토
subName : chip
while문
while(조건)문은 조건을 만족하는 동안 반복수행하는 제어문으로 for보다 수행속도가 느리다는 단점이 있다. 반복횟수를 알 수 없는 경우 선호했으나 객체반복을 주로 하기 때문에 무한루프를 사용할 때를 제외하고는 사용되지 않는다.
카운터 변수 선언과 초기화;
while(반복횟수제어 조건){
//처리할 문장
카운터 변수 누적;
}
do-while문
일단 1번 실행 후 조건비교 반복을 할 때 사용하는 제어문으로 반드시 1회 수행 후 조건을 비교하는 매우 특수한 상황에서만 사용된다.
카운터 변수 선언과 초기화;
do{
//처리할 문장
카운터 변수 누적;
}
while(반복횟수제어 조건){
기타 제어문
break문 : 반복문 완전탈출
특정 조건을 만족시 while문 안에서 무한루프 또는 for문을 사용한 반복문 중단시 주로 사용된다.
예)
while(true){
if(조건){
break;
}
}
continue문
특정 조건을 만족시 반복문을 일시적으로 탈출했다가 다시 반복문을 수행한다.
예)
for(var i=0; i<10; i++){
if(i==5){
continue;
}
}
출력결과
0 1 2 3 4 6 7 8 9
'javaboiii의 Web > Web 요약정리(HTML5&CSS3그리고JS)' 카테고리의 다른 글
Web - 9) 자바스크립트로 Canvas 제어 (0) | 2024.09.01 |
---|---|
Web - 7) JavaScript 함수와 객체 (0) | 2024.08.29 |
Web - 5) JavaScript의 개요 (0) | 2024.08.26 |
Web - 4) 태그를 표현하는 CSS와 Advanced CSS(CSS3) (0) | 2024.08.06 |
Web -3) 문서를 구조화하는 HTML (0) | 2024.08.05 |