01.if문
가장 기본적인 조건문으로, 주어진 조건이 참일 경우에만 코드 블록을 실행합니다. 아래는 if문의 구조입니다.
{
if(조건식){
document.write("실행되었습니다.(ture)");
}else {
document.write("실행되었습니다.(flase)");
}
const x = prompt("당신이 좋아하는 숫자는 무엇입니까?");
if(x == 100) { //한 문장 if(조건){} // 참일시 실행 else{}//거짓일때 실행
document.write("당신은 백점짜리 인간이네요.")
} else if (x == 99) {
document.write("x의 값은 99입니다.")
}else if (x == 98) {
document.write("x의 값은 98입니다.")
}else if (x == 97) {
document.write("x의 값은 97입니다.")
}else {
document.write("x의 값을 잘 모르겠습니다.")
}
}
결과 확인하기
"당신은 백점짜리 인간이네요."
"x의 값은 99입니다."
"x의 값은 98입니다."
"x의 값은 97입니다."
"x의 값을 잘 모르겠습니다.."
"x의 값은 99입니다."
"x의 값은 98입니다."
"x의 값은 97입니다."
"x의 값을 잘 모르겠습니다.."
false와 ture의 값
false : 0, null, undefined, false, ""(빈문자열) // ture : 1, 2, "0", "1", "ABC", [], {}, ture
02.if문 생략
기본 if문을 생략해서 쓸 수 있습니다.
{
const num = 100;
if(num) {
if(num) document.write("실행되었습니다.(ture)");
}else {
document.write("실행되었습니다.(false)");
}
if(num) document.write("실행되었습니다.(ture)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
ture
03.삼항 연산자
?를 사용하여 결과를 불러낸다.
{
const num=100;
if(num == 100) {
document.write("ture");
}else {
document.write("false");
} //기본 형식
(num == 100) ? document.write("ture"):document.write("false");
// 효율성이 더 좋다. 소스가 복잡해질 때 간단히 읽을 수 있었다.
}
결과 확인하기
ture
04.다중 if (else if)
1개의 값을 여러 조건으로 체크해야 할 때 사용하는데 조건이 맞지 않을 경우를 고려해 else를 사용합니다.
{
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("실행되었습니다");
}
//"90" == 90 똑같음
//if(num === 90 ){} //타입까지 확인하는 것 숫자인지 문자인지 함수인지 객체인지 배열인지
}
결과 확인하기
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)");
}
결과 확인하기
100일 경우 실행되었습니다(1),(2),(3)
100이 아닌 경우 실행되었습니다(4)
100이 아닌 경우 실행되었습니다(4)
06. switch문
다중 if 문과 비슷한 형태인 swich문이다.
{
const num = 100;
switch(num){
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; //break문(중간에 끝내는 것)을 써야 무한에 빠지지 않는다. 빠지면 모든 케이스가 다 실행이 된다.
default:
document.write("0");
}
결과 확인하기
0
07. while 문
for문과 비슷한 형태를 가지고 있다.
{
//기본 for문
for(let i=0; i<5; i++){
document.write(i);
}
//while문
let num = 0; //초기값
while(num<5){ //조건문
document.write(num);
num++; //실행이 한번에 되지 않는다
}
}
결과 확인하기
1,2,3,4,5
08. do while 문
do와 while를 이용한 문법입니다.
{
let num2 = 0;
do{
document.write(num2);
num2++;
}while (num2<5); //실행이 한번에 된다 . 죽은문법
}
결과 확인하기
1,2,3,4,5
09. for문
for문을 사용하여 여러가지 문제를 풀어봤습니다.
{
//1부터100까지 출력
for(let i=1; i<=100; i++){
document.write()
}
const arr = [1,2,3,4,5,6,7,8,9,];
//갯수 구하기
for(let i=0; i<=arr.length; i++){
document.write(arr[i]);
}
//짝수는 빨간색 홀수는 파란색
for(let i=1; i<=arr.length; i++){
if(i % 2 == 0){
document.write("<span style='color:red'>"+i+"<span>");
} else {
document.write(`<span style='color:blue'>"+i+"</span>`);
}
//1에서 9까지 합 구하기
let unm = [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 += i;
}
document.write(sum)
}
결과 확인하기
1,2,3,4,5,6,7,8,9
1-9 짝수는 빨간색 홀수는 파란색
1~100
45
1-9 짝수는 빨간색 홀수는 파란색
1~100
45
10. 중첩 for문
중첩 for문을 사용하한 문제를 풀이 입니다.
{
//1~100까지 구하기
for(let i=1; i<=10; i++){
document.write(i,"<br>");
for(let j=1; j<=10; j++){
document.write(j);
}
}
//테이블 만들기
let table = "<table border = '1'>";
let count = 0;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
count++;
if(count % 2 == 0) {
table += "<td style='color:red'>"+count+"</td>";
}else {
table += "<td style='color:blue'>"+count+"</td>";
}
}
table += "";
}
table += "";
document.write(table);
}
결과 확인하기
1~100
1부터 25까지 써있고 홀수는 레드 짝수는 파란색인 테이블
1부터 25까지 써있고 홀수는 레드 짝수는 파란색인 테이블
11. break문
break문에 지정된 숫자 앞에서 끊어 주니다.
{
for(let i=1; i<=20; i++){
if(i == 10){
break;
}
document.write(i) //10번전 까지
}
document.write("<br>");
}
결과 확인하기
1,2,3,4,5,6,7,8,9
12. continue문
continue에 지정된 숫자를 빼고 나머지 값을 나타냅니다.
{
for(let i=1; i<=20; i++){
if(i == 10){
continue;
}
}
document.write(i) //10을 없애고 나머지
}
결과 확인하기
1,2,3,4,5,6,7,8,9,11,12~~~20