[JS] 자바스크립트 사용자 정의 자료형 활용

[조건문]

IF 조건문

- 기본 형태

IF(<불 표현식>) {

}

 - 불 표현식이 true이면 문장을 실행, false이면 문장을 무시

 

let input = 32;
if(input % 2 == 0) {
	console.log("짝수입니다!");
}
if(input%2==1){
	console.log("홀수입니다!");
}
짝수입니다!

let date = new Date();
if(date.getHours()<12){
	console.log("오전입니다.");
}
if(12<=date.getHours()){
	console.log("오후입니다.");
}
오후입니다.

 

if else 조건문

- 기본 형태

if (<불 표현식>){
	//불 표현식이 침일 때 실행할 문장
}else{
	//불 표현식이 거짓일 때 실행하는 문장
}

let input = 32;
if(input % 2 == 0){
	console.log("짝수입니다.");
}else{
	console.log("홀수입니다.");
}
짝수입니다.

let date = new Date();
if(date.getHours() < 12){
	console.log("오전입니다.");
}else{
	console.log("오후입니다.");
}
오전입니다.

 

- 기본형태

if(불 표현식){
	if(불 표현식){
    	문장;
    }else{
    	문장;
    }
}else{
	if(불 표현식){
    	문장;
    }else{
    	문장;
    }
}

 

중첩 조건문

- DateTime.Now.Hour < 11 조건을 비교

- false이면 DateTime.Now.Hour < 15 조건을 한 번 더 비교

let date = new Date();
let hours = date.getHours();
if (hours < 11) {
	console.log("아침먹을 시간입니다.");
}else{
	if(hours < 15){
    	console.log("점심먹을 시간입니다.");
    }else{
    	console.log("저녁먹을 시간입니다.");
    }
}
아침먹을 시간입니다.

 

if else if 조건문

- 중복되지 않는 세 가지 이상의 조건을 구분할 때 사용

- 기본 형태

if(<불 표현식>){

} else if (<불 표현식>){

} else if {<불 표현식>{

}else {

}

}

 

let date = new Date ();
let hours = date.getHours();
if (hours < 11){
	console.log("아침먹을 시간입니다.");
}else if (hours < 15) {
	console.log("점심먹을 시간입니다.");
}else{
	console.log("저녁먹을 시간입니다.");
}
아침먹을 시간입니다.

 

switch 조건문

- 기본 형태

switch{<비교할 값>} {
	case <값>;
    	<문장>
        break;
    case <값>;
    	<문장>
        break;
     default;
     	<문장>
        break;
}

let input = 32;
switch (input % 2){
	case 0;
    	console.log("짝수입니다.");
        break;
    case 1;
    	console.log("홀수입니다.");
        break;
}
짝수입니다.

 

- break 키워드를 사용하지 않는 switch 조건문

let date = new Date();
swtich (date.getMonth()+1){
	case 12;
    case 1;
    case 2;
    	console.log("겨울입니다.");
        break;
    case 3;
    case 4;
    case 5;
    	console.log("봄입니다.");
        break;
    case 6;
    case 7;
    case 8;
    	console.log("여름입니다.");
        break;
    case 9;
    case 10;
    case 11;
    	console.log("가을입니다.");
        break;
    default;
    	console.log("대체 어떤 행성에 살고 계신가요?");
        break;
}
겨울입니다.

 

[반복문]

배열

- 여러 개의 자료를 한꺼번에 다룰 수 있는 자료형

- 대괄호 내부의 각 자료는 쉼표로 구분

- 배열에는 여러 자료형이 섞여 있을 수 있음

- 요소 : 배열 안에 들어 있는 각 자료

- 배열 선언 형태 ex) let 이름 = [자료, 자료, 자료, 자료, 자료]

- 배열 요소 ex) 배열[인덱스]

- 인덱스의 시작 숫자는 0임에 주의

//배열을 생성합니다.
let arrary = [52, 273, '아침밥', '점심밥', true, false]
//배열의 요소를 변경합니다.
array[0] = 0
//요소를 출력합니다.
console.log(array[0]);
console.log(array[1]);
console.log(array[2]);
console.log(array[3]);
console.log(array[4]);
0
273
아침밥
점심밥
true

 

while 반복문

- 기본 형태

while (<불 표현식>) {
	//불 표현식이 참인 동안 실행할 문장
}

 

- 특정한 숫자를 증가시켜 불 표현식을 false로 만들어 반복문을 벗어남

//변수를 선언합니다.
let i = 0;
let array = [52, 273, 32, 65, 103];
//반복을 수행합니다.
while (i<array.length) {
	//출력합니다.
    console.log(i + "번째 출력: " + array[i]);
    //탈출하려고 변수를 더합니다.
    i++;
}
0번째 출력: 52
1번째 출력: 273
2번째 출력: 32
3번째 출력: 65
4번째 출력: 103

 

for 반복문

- 기본 형태

for(let i=0; i<<반복횟수>; i++){

}

  1. 초기식을 비교.

  2. 조건식을 비교 - 조건이 false이면 반복문을 종료

  3. 문장을 실행

  4. 종결식을 실행

  5. 2단계로 이동

 

- 0부터 100까지 더하기

//변수를 선언합니다.
let output = 0;
//반복을 수행합니다.
for(let i=0; i<=100; i++){
	output += i;
}
//출력합니다.
console.log(output);
5050

 

- 1부터 20까지 곱하기

//변수를 선언합니다.
let output = 1;

//반복을 수행합니다.
for(let i = 1; i<=20; i++){
	output *= i;
}
//출력합니다.
console.log(output);
2432902008176640000

 

역 for 반복문

- 기본 형태

for (let i = length -1; i>=0; i--){
}

 

- 역 for 반복문 - 배열의 요소를 뒤쪽부터 출력

//배열을 생성합니다.
let array = [1,2,3,4,5,6];
//요소의 길이를 출력합니다.
for(let i=array.length-1; i>=0; i--){
	console.log(array[i]);
}

 

for in 반복문과 for of 반복문

- 객체에 쉽게 반복문을 적용함

- for in 반복문과 for of 반복문은 for 반복문 사용과 역할이 같음

for (let 인덱스 in 배열){

}

for(let 요소 of 배열){

}

for(let i=0; i<배열.길이; i++){
	let 인덱스 = i;
    let 요소 = 배열[i];
}

 

중첩 반복문

let output = "";
for (let i=0; i<10; i++){
	for(let j=0; j<i+1; j++){
    	output += '*';
    }
    output += '\n';
}
console.log(output);
*
**
***
****
*****
******
*******
********
*********
**********

 

 break 키워드

- 반복문을 벗어날 때 사용

- 무한 반복문은 내부에서 break 키워드를 사용해야 벗어날 수 있음

while (true){

}

 

- 짝수를 찾으면 break 키워드로 반복문을 벗어남

let i = 0;
let array = [1, 31, 273, 57, 8, 11, 32];
let output;

while (true){
	if(array[i] % 2 == 0){
    	output = array[i];
        break;
    }
    i=i+1;
}
console.log('처음 발견한 짝수는 ${output}입니다');
처음 발견한 짝수는 8입니다.

 

continue 키워드

- 반복문 내부에서 현재 반복을 멈추고 다음 반복을 진행함

- 변수가 i가 짝수일 때 continue 키워드로 현재 반복을 멈추고 다음 반복을 진행

  -> 따라서 코드를 실행하면 홀수만 출력

for (let i=1; i<10; i++){
	if(i%2==0){
    }
    console.log(i)
}
1
3
5
7
9

 

 

Q. switch를 이용하여 계절을 파악하는 프로그램을 작성해보세요.

let date = new Date();
switch (date.getMonth()+1) {
	case 12;
    case 1;
    case 2;
    	console.log("겨울입니다.");
        break;
    case 3;
    case 4;
    case 5;
    	console.log("봄입니다.");
        break;
    case 6;
    case 7;
    case 8;
    	console.log("여름입니다.");
        break;
    case 9;
    case 10;
    case 11;
    	console.log("가을입니다.")'
        break;
    default;
    	console.log("대체 어떤 행성에 살고 계신가요?");
        break;
}
겨울입니다.