1. 연산자 (Operator)
산술 연산자 |
|
비교 연산자 |
|
대입 연산자 |
|
증감 연산자 |
1. num 나중에 대입 2. num 먼저 대입 |
논리 연산자 |
|
비트 연산자 |
|
삼항 연산자 |
2. 제어문
1. 조건문
- if문
|
- if문 사용하기
<body>
<h2>if문</h2> <script>
const age = Number(prompt('나이를 입력하세요'))
if(age > 19 ) {
console.log('성인입니다')
}else if(age > 14 ) {
console.log('청소년입니다')
}else if(age > 6 ) {
console.log('어린이입니다')
}else {
consol.log('유아입니다')
}
</script>
</body>
|
15 입력 |
- switch문
- switch문도 if문과 함게 조건문에 속하는 구문입니다.
하지만 if문에 들어가는 조건식처럼 모든 형태의 조건식이 들어갈 수 있는 것은 아닙니다. - switch문에 조건으로 사용될 수 있는 연산자는 '==', 즉 두개의 피연산자의 값이 같을 때만 조건으로 활용할 수 있습니다. 따라서 하나의 변수 안에 저장되어 있는 값을 다수의 값과 비교해야 할 때 주로 사용합니다.
- switch문도 if문과 함게 조건문에 속하는 구문입니다.
|
- switch문 사용하기(1)
<body>
<h2> switch문 1 </h2> <script>
num = 10
switch(num){
case 5:
console.log('num은 5입니다')
break;
case 10:
console.log('num은 10입니다')
break;
default:
console.log('원하는 값이 없습니다')
}
</script>
</body>
|
- switch문 사용하기(2)
<body>
<h2> switch문 2 </h2> <script>
let input = prompt('아동, 청소년, 성인 중 하나를 고르세요');
switch(input){
case '아동':
input += ': 입장료 무료'; //아동: 입장료 무료
break;
case '청소년':
input += ': 입장료 5,000원'; //청소년: 입장료 5,000
break;
case '성인':
input += ': 입장료 10,000원'; //성인: 입장료 10,000
break;
default:
alert('입력값을 확인하세요!')
input='입력값 확인';
}
console.log(input);
</script>
</body>
|
아동 입력 청소년 입력 성인 입력 잘못 입력 |
3. 반복문
- while문
|
<body>
<h2> While문 </h2> <script>
while(true){
let num=Number(prompt('숫자를 입력하세요')); if(num%2==0){ console.log('짝수입니다. 프로그램을 종료합니다.') break; }; console.log('홀수입니다. 프로그램을 종료합니다.') } </script>
</body>
|
15 , 20 입력 |
- for문
-----------------------------------------------------------------------------------------------------------------------------------------------------
[ for 문과 while문 비교 ] * for 문이 가독성이 더 좋음! (더 많이 사용) |
<body>
<h2> for문 </h2> <script>
for(let i=1 ; i<=100 ; i++) { if(i%3==0) { console.log('💝') continue; } console.log(i) } </script>
</body>
|
- break 문
- switch문 또는 반복중인 루트 내에서 사용하여 해당 분장을 완전히 종료시키고 다음에 위치한 실행문으로 이동
|
- continue 문
- 반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너 뛰고 다음 반복문의 판단으로 넘어감
|
- 문제
: 원하는 숫자를 입력받아 해닥 숫자의 구구단을 출력하는 문서를 만들어보자!
<body>
<h2> 구구단 </h2> <script>
const num=Number(prompt('원하는 단을 입력하세요'))
//while문
while (i<=9){ console.log(`${num}*${i}=${num*i}`); i++; } //for문 for (let i=1;i<=9;i++){ console.log(`${num}*${i}=${num*i}`); } </script>
</body>
|
5 입력 |
'Web > JavaScript' 카테고리의 다른 글
06. 함수(Function) (0) | 2024.04.16 |
---|---|
05. 배열(Array) (0) | 2024.04.16 |
03. 데이터타입, 대화상자 (0) | 2024.04.16 |
02. 변수(let), 상수(const) (0) | 2024.04.16 |
01. 자바스크립트(JavaScript) (0) | 2024.04.12 |