- 01. if문
- 02. if문 생략
- 03. 삼항 연산자
- 04. 다중 if
- 05. 중첩 if
- 06. switch문
- 07. while문
- 08. do while문
- 09. for문
- 10. 중첩 for문
- 11. break문
- 12. continue문
01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
//false : 0, null, undefined, false, ""(빈문자열)
// true : 1, 2, "0", "1", "ABC", 배열[], 객체{}, true
if("") {
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
결과 확인하기
실행되었습니다.(false)if문
true면 if문이 실행이 됩니다.
false면 else문이 실행이 됩니다.
(false : 0, null, undefined, false, ""(빈문자열))
(true : 1, 2, "0", "1", "ABC", 배열[], 객체{}, true)
02. if문 생략
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
const num = 100;
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
실행되었습니다.(true)if문 생략
if문이 1줄일 경우 생략해서 사용해도 됩니다.
03. 삼항 연산자
if문과 비슷하게 조건을 하나 걸어두고 "?"를 기준으로 참과 거짓을 구분해서 출력합니다.
{
const num = 100;
(num == 100) ? document.write("true") : document.writ("false");
}
결과 확인하기
true삼항 연산자
조건을 겁니다. "?"을 기준으로 좌측은 true / 우측은 false입니다.
04. 다중 if
else if문을 통해서 여러개의 조건을 사용 할수가 있습니다.
{
// === : type, 자료형, 배열까지 확인 함
const num = 100;
if(num == 90) {
document.write("실행되었습니다.(num == 90)");
} else if(num == 100) {
document.write("실행되었습니다.(num == 100)");
}
else if(num == 110) {
document.write("실행되었습니다.(num == 110)");
}
else if(num == 120) {
document.write("실행되었습니다.(num == 120)");
}
else {
document.write("실행되었습니다");
}
}
결과 확인하기
실행되었습니다.(num == 100)중첩 if문
if문이 참이 아니면 else if문이 실행이 됩니다.
if와 else if중에서도 true가 없으면 else문이 실행이됩니다.
05. 중첩 if
if문안에 여러개의 if문을 작성해서 사용이 가능합니다.
{
const num = 100;
if(num == 100){
document.write("실행되었습니다.(1)");
if(num == 100){
document.write("실행되었습니다.(2)");
if(num == 100){
document.write("실행되었습니다.(3)");
}
}
} else {
document.write("실행되었습니다.(4)");
}
}
결과 확인하기
실행되었습니다.(1)실행되었습니다.(2)
실행되었습니다.(3)
(05번 복습)중첩 if문
if문 안에 if문이 있는 형태입니다.
if문이 참일 경우 안에 있는 if문이 실행되는 형태입니다.
너무 많이 쓰면 코드가 복잡해지기 때문에 많이 사용하지 않는 것을 권장합니다.
01~04까지 정리 : 상수 + 변수 : 데이터 저장 + 데이터 변경 + 데이터 연산
상수를 선언하여 데이터를 선언하고. 상수로 데이터 연산을 시작합니다. 변수 c를 선언하여 데이터를 변경 합니다.
{
const a = 10000;
const b = 20000;
console.log(a);
console.log(b);
// 연산자
console.log(a+b);
console.log(a-b);
console.log(a*b);
console.log(a/b);
console.log(a%b);
let c = 10;
c = "100";
c = 1000;
c += 1000;
console.log(c);
}
결과 확인하기
1000020000
30000
-10000
200000000
0.5
10000
2000
변수로 연산이 가능합니다.
변수 a와b에 데이터를 저장 후 연산을 하고나서 데이터를 출력하는 중입니다.
let c는 숫자로 선언 후 문자열로 바꾸고 다시 연산을 하고 있습니다.
06. switch문
switch문에 조건을 걸어두면 case에서 조건이 맞는 값을 실행시킵니다. case에 만족하는 조건이 없으면 default가 실행이 됩니다. 이때 break문이 없으면 모든 case문이 실행이 되니. break을 걸어줘야 합니다.
{
const num = 100;
//break문이 없으면 모든 case문이 실행 됨.
switch(num === 100){
case 90:
document.write("실행90");
break;
case 80:
document.write("실행80");
break;
case 70:
document.write("실행70");
break;
case 60:
document.write("실행60");
break;
case 50:
document.write("실행50");
break;
default:
document.write("0");
}
}
결과 확인하기
0switch문으로 조건을 걸수가 있습니다.
조건이 만족되면 case문이 실행되고. 조건을 만족하지 못하면 default가 실행 됩니다.
07. while문
while문은 조건이 만족할때까지 반복적으로 수행 합니다. 그리고 반복 조건이 만족하면 while문을 빠져나옵니다.
{
for(let i=0; i<5; i++){
document.write(i)
}
let num = 0;
while(num < 5){
document.write(num);
num++;
}
}
결과 확인하기
4switch문으로 조건을 걸수가 있습니다.
num보다 5가 더 크면 조건을 반복적으로 실행합니다.
08. do while문
while문은 조건이 만족할때까지 반복적으로 수행 합니다. 그리고 반복 조건이 만족하면 while문을 빠져나옵니다.
{
let num2 = 0;
do {
document.write(num2);
num2++;
} while(num2 < 5);
}
결과 확인하기
4switch문으로 조건을 걸수가 있습니다.
num2가 5보다 작다면 코드를 반복적으로 실행합니다.
09. for문
for문을 통해서 홀수와 짝수를 출력하고 색상을 부여하는 코드입니다.
{
let arr = [1,2,3,4,5,6,7,8,9];
for(let i=0; i<9; i++){
if(i%2 == 0){
document.write(`<span style='color:red'>` + arr[i] + `<span>`);
}
else{
document.write(`<span style='color:blue'>` + arr[i] + `<span>`);
}
}
}
결과 확인하기
1,2,3,4,5,6,7,8,9(1,3,5,7,9는 빨간색) (2,4,6,8은 파랑색)
for문
for문을 통해서 배열에 저장된 값들을 1개씩 가져옵니다.
그중에서 그리고 for문의 i값이 짝수면 배열에 저장된 값들은 빨간색으로 출력합니다.
i값이 홀수라면 값들은 파랑색으로 출력합니다.
09번 복습 : for문(3)
for문으로 총합을 구하는 예제입니다.
{
let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let sum = 0;
for(let i=0; i<num.length; i++){
document.write(num[i]);
sum += num[i];
}
document.write(sum);
}
결과 확인하기
1,2,3,4,5,6,7,8,9 45for문
for문에 저장된 값들을 1개씩 뺴와서 sum과 더합니다.
그 후에 sum에 저장된 총합을 출력합니다.
10.중첩 for문
중첩 for문을 이용해서 5x5테이블을 1~25까지 만드는 예제 입니다..
{
let table = "<table border='1'>";
let count = 0;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
table += "<td>" + (++count) + "</td>";
}
table += "</tr>";
}
table += "</table>";
docuemnt.write(table);
}
결과 확인하기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25중첩 for문
table을 5x5로 1~25까지 출력하는 예제입니다. 테이블 태그를 생성 후 for문을 통해서 1부터 25까지 차례대로 출력하는 예제입니다.
11. break문
break문으로 조건이 맞으면 실행문을 중지 시키는 명령문입니다.
{
for(let i=1; i<20; i++){
if(i === 10){
break;
}
document.write(i);
}
}
결과 확인하기
1 2 3 4 5 6 7 8 9break문
for문으로 1부터 20까지 반복합니다.
그리고 i가 10과 똑같다면 반복을 멈춥니다.
12. break문 2번쨰 예제
break문으로 조건이 맞으면 실행문을 중지 시키는 명령문입니다.
{
for(let i=1; i<20; i++){
document.write(i);
if(i === 10){
break;
}
}
}
결과 확인하기
1 2 3 4 5 6 7 8 9 10break문
★이번 예제는 document.write()가 위에 있습니다. 그래서 10까지 출력하고 멈춥니다.
for문으로 1부터 20까지 반복합니다.
그리고 i가 10과 똑같다면 반복을 멈춥니다.
13. continue문
continue문은 계속 실행하라는 명령어 입니다.
{
for(let i=1; i<20; i++){
if(i === 10){
continue;
}
document.write(i);
}
}
결과 확인하기
1 2 3 4 5 6 7 8 9 ★ 11 12 13 14 15 16 17 18 19continue문
for문으로 1부터 20까지 반복합니다.
i가 10과 똑같다면 10은 제외하고 출력합니다.
13. continue문 2번쨰 예제
continue문은 계속 실행하라는 명령어 입니다.
{
for(let i=1; i<20; i++){
document.write(i);
if(i === 10){
continue;
}
}
}
결과 확인하기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19continue문
★이건 document.write()가 위에 있어서 1~19까지 전부 실행합니다.
for문으로 1부터 20까지 반복합니다.
i가 10과 똑같다면 10은 제외하고 출력합니다.