Today I Learned(js_04)

심동근·2024년 3월 14일

멋쟁이 사자처럼

목록 보기
4/19

1. 오늘 배운 내용에 대한 요약

1.1 배열

배열이란 값을 저장할 수 있는 연속적인 공간을 말한다.
 - javascript에서는 하나의 배열에 다양한 자료형을 넣을 수 있다.
 
엘리먼트 추가 및 삭제
- pop(): 배열의 마지막 엘리먼트 삭제 후 반환
- shift(): 배열의 첫번째 엘리먼트 삭제 후 반환
- push(element): 배열에 맨 뒤에 엘리먼트 추가
- unshift(element): 배열에 맨 앞에 엘리먼트 추가
- reverse(): 배열 엘리먼트 순서 역순
- sort(): 배열 정렬
- concat(): 배열 합치기
- indexOf(), lastIndexOf(): 배열 인덱스로 접근 후 반환
- split(): split안에 설정된 값을 기준으로 string을 나눠 배열로 저장

1.2 주석

주석은 프로그램의 동작에 관여하지 않는 코드
- 한 줄 주석: //
- 여러 줄 주석: /* 여러 줄 주석 */

1.3 조건문 if

if: 조건을 검사하고 해당 조건이 참인 경우에만 해당 코드 실행
else: if를 만족하지 않는 경우 해당 코드 실행
else if: if를 만족하지 않았을 때 else if의 조건을 만족하는지 확인한 후 코드 실행

1.4 조건문 switch

switch(조건){
	case 1: 
    	// 1인 경우 실행
        break;
    case 2:
    	// 2인 경우 실행
        break;
    default:
    	// case 조건에 해당하지 않을 때 실행
        break;
 
 주의사항
 - break 없을 경우 해당 조건 아래 조건들이 모두 출력됨.
 
 // 아래와 같이 사용하면 불필요한 중복을 제거할 수 있다.
 function solution(month) {
 switch(month) {
    case 1:
    case 3:
    case 5:
    case 7:
    case 8:
    case 10:
    case 12:
        return 31;
    case 4:
    case 6:
    case 9:
    case 11:
        return 30;
    case 2:
        return 28;
    default:
        return "Invalid month";
}

}

2. 각각의 실습 코드 정리

<!-- example.js-->
/*
여러 줄 주석

여러 줄 주석
*/

// 한 줄 주석

var name= prompt("input name"); // 이름 입력

// console.log(name);
// 위의 코드는 주석이기에 실행되지 않음

console.log(name.length); // 실행
<!-- example1.js-->
if(true){
	console.log("TRUE");
}

if(false){
	// 실행 x
	console.log("FALSE");
}
<!-- example2.js-->             
if(true){
	console.log("true");
}else{
	console.log("false");
}
<!-- example3.js-->             
if(true){
	console.log(1);
}else if(true){
	console.log(2);
}else if(true){
	console.log(3);
}else{
	console.log(4);
}
<!-- switch.js-->             
var choice= parseInt(prompt("chooose 1~5"));

switch(choice){
case 1:
	alert(1);
	break;
case 2:
	alert(2);
	break;
case 3:
	alert(3);
	break;
case 4:
	alert(4);
	break;
case 5:
	alert(5);
	break;
default:
	alert("chooose 1~5");
	break;
}

3. 강의 목록 캡쳐

0개의 댓글