JavaScript 조건문과 반복문 (+형변환)
[이론 정리]
1. 기본 if 문
조건에 따라 실행할 코드를 분기할 때 사용하는 기본 조건문이다.
if (조건식) {
조건이 참일 경우 실행코드
}
else {
조건이 거짓일 경우 실행코드
}예제 코드
<!DOCTYPE html>
<head>
</head>
<body>
<script>
var score;
var num = prompt('길동의 점수를 입력하세요', 100);
num = parseInt(num); // 문자를 정수로 변환
if (num >= 90)
score = "A";
else if (num >= 80)
score = "B";
else
score = "F";
document.write(score);
</script>
</body>
</html>2. 다중 if 조건문
여러 조건을 순차적으로 비교할 때 사용한다.
if (조건식1) {
조건식1이 참일 경우 실행코드
}
else if (조건식2) {
조건식2가 참일 경우 실행코드
}
else if (조건식3) {
조건식3이 참일 경우 실행코드
}
else {
조건식1, 2, 3에 모두 해당되지 않을 경우 실행코드
}3. 논리 연산자
if문 조건식을 비교하여 참(true), 거짓(false)을 판단한다.
① && (논리곱 연산자)
- and 연산
- 모든 조건식이 참이어야 참
② || (논리합 연산자)
- or 연산
- 조건식 중 하나라도 참이면 참
③ ! (부정 연산자)
- 조건식이 참이면 거짓
- 거짓이면 참으로 변경
예제 코드
<!DOCTYPE html>
<head>
</head>
<body>
<script>
var age = prompt('나이는?');
if (age >= 0 && age <= 100) {
if (age >= 50) {
alert('A');
}
else {
alert('B');
}
}
else {
alert('입력하세요');
}
</script>
</body>
</html>4. 중첩 if문
if문 안에 또 다른 if문을 사용하는 구조이다.
if (조건식1) {
if (조건식2) {
조건식1과 조건식2가 모두 참일 경우 실행코드
}
else {
조건식1은 참, 조건식2는 거짓일 경우 실행코드
}
}
else {
조건식1이 거짓일 경우 실행코드
}5. switch문
여러 값을 비교할 때 사용하는 조건문이다.
switch (데이터) {
case '값1':
데이터와 값1이 일치할 때 실행
break;
case '값2':
데이터와 값2가 일치할 때 실행
break;
default:
위의 case에 해당되지 않을 경우 실행
}6. 복합 대입 연산자
연산과 대입을 동시에 수행하는 연산자이다.
① += : 더하기 대입 연산자
② -= : 빼기 대입 연산자
③ *= : 곱하기 대입 연산자
④ /= : 나누기 대입 연산자
⑤ %= : 나머지 대입 연산자
더하기 대입 연산자로 문자열 연결
<script>
let str = '자바';
str += '스크립트';
console.log(str);
</script>7. 증감 연산자
변수의 값을 1씩 증가 또는 감소시킨다.
① 변수++
- 기존 변수에 1 증가
- 다음 줄부터 적용
② ++변수
- 기존 변수에 1 증가
- 해당 줄부터 적용
③ 변수--
- 기존 변수에 1 감소
- 다음 줄부터 적용
④ --변수
- 기존 변수에 1 감소
- 해당 줄부터 적용
[실습 내용 정리]
자동 형 변환 & parseInt
자바 스크립트의 자동 형변환을 통해서 문자열과 숫자의 비교가 가능은 하지만 발생할 수 있는 오류와 변수 타입의 확정과 확실함을 위해서는 "parseInt"를 통해 문자열을 숫자로 바꾸어 타입을 맞추어 주는 것이좋다.
하지만, const로 선연된 변수는 형변환을 할 수 없다!!
if문 (조건문)
결과는 앞의 조건들이 거짓이기 때문에 마지막 else의 출력문인 "크다"가 출력된다.
if문 + 논리 연산자
-
&& (논리곱 연산자) : and 연산으로 모든 조건식이 참이어야 참으로 출력
-
|| (논리합 연산자) : or 연산으로 조건식 중 한개라도 참이면 참으로 출력
-
! (부정 연산자) : 조건식이 참이면 거짓, 거짓이면 참으로 바꾸어 출력
if문(조건문)과 논리 연산자는 함께 많이 쓰인다
중첩 if문
중첩 if문을 사용했기 때문에 참인 경우중에서 참인 경우가 출력되기때문에 "aa"가 출력된다.
swith문
증감 연산자
위와 같이 증감 연산자가 독립적으로 쓰일때는 전위/후위에 따라 결과가 바뀌지 않지만, 함수 안에서나 실행되는 코드 속에서 사용될 때에는 전위/후위에 따라 결과가 달라질 수 있다.
