01. if문
JavaScript의 if 문은 조건에 따라 코드 블록을 실행하거나 건너뛰는 데 사용되는 제어 구조입니다. if 문은 프로그램의 흐름을 제어하기 위해 조건을 평가하고, 조건이 참(true)인 경우에만 특정 코드 블록을 실행합니다.
{
// true : true, "문자열", 1, 2, [], {}
// false : false, 0, null, undefined, ""(빈문자열)
if("조건식"){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
1. if의 소괄호 안에는 조건식이 들어갑니다.
2. true(참) 값이 나오는 것은 true, "문자열", 1이상의 수, 배열, 객체입니다.
3. false(거짓) 값이 나오는 것은 false, 0, null, undefined, ""(빈문자열)입니다.
결과 확인하기
02. 다중 if문
다중 if 문은 여러 개의 조건을 연달아 검사하여 해당하는 조건이 참(true)인 경우에 각각 다른 코드 블록을 실행하는 구문입니다. 각 조건은 if와 else if로 시작하며, 마지막 조건은 선택 사항으로 else로 끝날 수 있습니다.
{
const num = 100;
if(num == 90){
document.write("실행되었습니다.(num = 90)");
} else if(num == 95){
document.write("실행되었습니다.(num = 95)")
} else if(num == 100){
document.write("실행되었습니다.(num = 100)")
} else if(num == 105){
document.write("실행되었습니다.(num = 105)")
} else {
document.write("실행되었습니다.")
}
}
1. const num = 100;: 변수 num을 선언하고 초기값을 100으로 설정합니다.
2. if (num == 90): 첫 번째 if 문에서는 num 변수의 값이 90과 비교됩니다. 하지만 num의 값은 100이므로 이 조건은 거짓(false)입니다.
3. else if (num == 95): 두 번째 else if 문에서는 num 변수의 값이 95와 비교됩니다. 여기서도 num의 값은 100이므로 이 조건은 거짓(false)입니다.
4. else if (num == 100): 세 번째 else if 문에서는 num 변수의 값이 100과 비교됩니다. 이번에는 num의 값이 100이므로 이 조건이 참(true)입니다.
5. else if 블록들은 실행되지 않습니다. 왜냐하면 이전 조건이 참일 때 코드 블록이 실행되고, 나머지 조건들은 검사하지 않기 때문입니다.
6. 마지막으로 else 블록은 어떤 이전 조건에도 해당하지 않는 경우 실행됩니다. 이 경우에는 어느 조건도 참이 아니므로 "실행되었습니다."가 출력됩니다.
결과 확인하기
03. 중첩 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");
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
2. 첫 번째 if 문(if (num == 100))은 num 변수의 값이 100과 비교됩니다. num의 값이 실제로 100이므로 이 조건이 참(true)입니다.
3. 두 번째 if 문(if (num == 100))은 첫 번째 if 블록 내에 중첩되어 있습니다. 이 조건 역시 num 변수의 값이 100과 비교됩니다. 여전히 num의 값은 100이므로 이 조건도 참(true)입니다.
4. 세 번째 if 문(if (num == 100))은 두 번째 if 블록 내에 중첩되어 있습니다. 이 역시 num 변수의 값이 100과 비교됩니다. num의 값은 여전히 100이므로 이 조건도 참(true)입니다.
04. if문 생략 & 삼항 연산자
if 문을 생략하고 삼항 연산자를 사용하여 조건에 따라 값을 반환하거나 처리를 수행할 수 있습니다. 삼항 연산자는 간단한 조건을 평가하고 두 가지 다른 값을 선택하는 데 사용됩니다.
{
const num = 100;
if(num == 100 ){
document.write("실행되었습니다.(true)");
}
if(num == 100 ) document.write("실행되었습니다.(true)");
if(num == 100) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
// 삼항 연산자(조건식 연산자)
(num == 100) ? document.write("true") : document.write(false);
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
05. swhich문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
const num = 100;
switch(num){
case 90:
document.write("실행되었습니다.(90)");
break;
case 95:
document.write("실행되었습니다.(95)");
break;
case 100:
document.write("실행되었습니다.(95)");
break;
case 105:
document.write("실행되었습니다.(95)");
break;
default:
document.write("실행되었습니다.");
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
01. if문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
for(let i = 1; i < 11; i++){
document.write("
",i);
}
let num = 1;
while(num<=10){
document.write(num)
num++;
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
07. do while문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
let num = 1;
do {
document.write(num);
num++;
} while(num<=10);
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
08. for문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
// true : true, "문자열", 1, 2, [], {}
// false : false, 0, null, undefined, ""(빈문자열)
if({}){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
09. break문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
// true : true, "문자열", 1, 2, [], {}
// false : false, 0, null, undefined, ""(빈문자열)
if({}){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.
결과 확인하기
10. continue문
자바스크립트에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 정의하고 실행할 수 있는 도구입니다. 함수는 특정 작업을 수행하거나 값을 계산하기 위해 사용됩니다. 함수를 사용하면 코드를 구조화하고 관리하기 쉬워지며, 코드의 재사용성과 가독성을 높일 수 있습니다.
{
// true : true, "문자열", 1, 2, [], {}
// false : false, 0, null, undefined, ""(빈문자열)
if({}){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
선언적 함수는 function 키워드를 사용하여 정의된 함수로 스크립트 내 어디서든 호출이 가능합니다.
선언적 함수 바깥에 변수를 선언할 시, 전역 변수로 입력됩니다.