제어문-조건문,반복문_js

지역변수, 전역변수

블럭유효범위({} -> 블럭, 스코프)의 기준으로 지역변수, 전역변수로 나뉜다.

지역변수 : 블럭유효범위 내에서 선언된 변수

전역변수 : 블럭유효범위 밖에서 선언된 변수

지역변수 -> 블럭유효범위 밖에서 쓰일 수 없다.

전역변수 -> 블럭유효범위 내에서 사용 가능

<script type="text/javascript">

let n1 = 0; //전역변수
if(true){
n1 = 10; //전역변수는 블럭유효범위 내부에서 쓰일 수 있다.
}
console.log(n1);

if(true){
let n2 = 0; //유효범위 내에서 선언된 변수라 지역변수라한다.
}
console.log(n2); //에러발생! 지역변수는 블럭유효범위 외부에서 쓰일 수 없다.

</script>

 

조건문

if, else, else if의 키워드로 코드 흐름을 제어

if -> 조건식이 true일 경우 블럭유효범위내의 코드 실행

else -> if, else if 조건식이 flase일 경우 else의 블럭유효범위내의 코드 실행

else if -> if 구간이 false일때 else if의 조건식이 true일 경우 else if의 블럭유효범위내의 코드 실행

조건식 : 비교연산자, boolean, 비교연산자 + 논리연산자, 값

var n1 = 10;
//if -> true 일경우 실행되는 코드 작성
/*
구문
if(비교 연산자 + 논리연산자){
true일 경우 실행되는 코드 작성
}
if(비교 연산자 + 논리연산자) 코드;
*/
if(n1 > 5){
	console.log('n1 > 5', 'true');
}
if(n1 > 3) console.log('n1 > 3', 'true');

else -> if가 먼저 실행되고 후에 올 수 있는 키워드 if가 flase라면 else구간에서 코드 실행 구문 if(비교연산자 + 논리연산자){ true일 경우 실행되는 코드 }else{ flase일 경우 실행되는 코드 } if(비교연산자 + 논리연산자) true일 경우 실행되는 코드; else false일때 실행되는 코드;

var n2 = 10;
if(n2 > 5){
	console.log('n2 > 5', 'true');
}else{
	console.log('n2 > 5', 'false');
}

if(n2 < 5)
	console.log('n2 < 5', 'true');
else
	console.log('n2 < 5', 'false');

else -> if가 먼저 실행되고 후에 올 수 있는 키워드 if가 flase라면 else구간에서 코드 실행 구문 if(비교연산자 + 논리연산자){ true일 경우 실행되는 코드 }else{ flase일 경우 실행되는 코드 } if(비교연산자 + 논리연산자) true일 경우 실행되는 코드; else false일때 실행되는 코드;

var n3 = 10;
if(n3 > 11){
	console.log(n3 > 11, 'flase');
}else if(n3 > 5){
	console.log(n3 > 5, 'true');
}else{
	console.log('false');
}

 

Switch 문

하나의 변수에 저장된 값을 여러번 조건비교 할 수 있는 조건문

else if와 유사하다.

/*
구문
switch(변수){
case '값' : 변수의 값과 case의 값이 동일할때 실행되는 코드작성
break;
case '값' : 변수의 값과 case의 값이 동일할때 실행되는 코드작성
break;
case '값' : 변수의 값과 case의 값이 동일할때 실행되는 코드작성
break;
default : case에 해당되지 않을시 실행되는 코드 작성
}
*/

var number = 40;
switch(number){
case 40 : console.log('변수값 40');
break;
case 50 : console.log('변수값 50');
break;
case 60 : console.log('변수값 60');
break;
default : console.log('일치하는 값 없음');
}

 

반복문 while

조건값이 true일때 반복시키고 false일 경우 반복이 정지된다.

/*
특정 조건이 true일때 계속 반복되도록 코드 작성

while(조건식){ //true일경우 블럭에 존재하는 코드 반복 실행
실행되는 코드 작성;
}
while문의 조건식을 작업하기 위해서 전역변수로 초기값을 지정하여 주로 사용된다.
*/

var n = 0;
while(n < 10){
console.log(n, '초깃값 변화 확인');
n++;
}

 

반복문 for

while문과 동일하게 조건이

while문과 유사하지만 초깃값 및 매번 반복 완료이후에 실행되는 코드가 구문에 포함되어 있다.

구문

for(초깃값; 조건식; 반복이후 실행되는 코드(주로 증감식)){

}

var i=0;
while(i < 10){
console.log(i, 'while 문');
i++;
}
//for 중간 변형 단계
var i=0;
for(; i < 10;){
console.log(i, 'for 변환중 ');
i++;
}
//for 변환
for(var i=0; i < 10; i++){
	console.log(i, 'for 변환 완료');
}

 

중첩 반복문

반복문 내부에 반복문

<script type="text/javascript">
var i = 0;
while (i < 10) {
	var n = 0;
while(n < 10){
console.log(i, 'i값', n, 'n값');
n++;
}
i++;
}
</script>

 

break,continue;

break 반복문인 for와 while문에서 사용 가능하며, break키워드를 만날 경우 조건식과 무관하게 반복문을 중단시킨다.

<script type="text/javascript">

for(var i=1; i < 10; i++){
	var n = i * 2;
	console.log(i + ' x 2 = ' + n);
	if(n >= 10) break;
}
</script>

continue for와 while에서 사용 가능하며, continue 키워드를 만날 경우

continue 키워드 아래에 있는 코드를 실행하지 않고 그 다음 조건식을 판별한다.

<script type="text/javascript">
for(var i=1; i < 10; i++){
var n = i * 2;
if(i % 2 == 0) continue;
console.log('2 x '+ i + ' = ' + n, 'continue');
}
</script>