JS 챌린지 4일차 TIL

배열 만들기

배열
값, element의 연속된 저장공간
index를 이용하여 접근이 가능하다.
이름이 존재하지않고 숫자로 이루어진 index가 존재한다.

배열의 정의

var arr = [];

배열 안에 어떤 자료형도 들어 갈 수 있다.

배열의 길이
.length 속성을 이용한다.

var arr = [ 1, 2, 3, 4];
arr.length
-> 4

배열의 element 접근

배열이름 (element 위치)

배열 만들기 - 실습(1)

var arr = [ 1, 2, 3, "hi", "hello"];

console.log(arr);

배열 만들기 - 실습(2)

function solution(arr){
    return arr[0]
}

var result = solution([1,2,3,4,5])
console.log(result)

배열 사용하기

.pop() : 배열 뒤 element 삭제

.shift() : 배열 앞 element 삭제

.push() : 배열 뒤 element 추가

.unshift() : 배열 앞 element 추가

.reverse() : 배열이 뒤집어진다

.sort() : 배열 정렬

배열 붙이기

arr1.concat(arr2) : arr1과 arr2를 붙인다

배열 검색하기

arr.indexOf(element) : element 첫 위치 검색

arr.lastIndexOf(element) : element 마지막 위치 검색

split 함수
문자열을 구분자로 나눠 배열로 반환

var str = "1,2,3,4,5";
str.split(",");
-> [ "1", "2", "3", "4", "5" ]

배열 사용하기 - 실습

var arr=[1,2,3];
arr.push("end");
arr.unshift("begin")

console.log(arr);

주석

주석
코드에 대한 설명 추가, 코드 비활성화로 개발 편의를 늘리기 위해 사용

한줄 주석
// 이후 작성

여러줄 주석
/로 시작해 /로 끝나는 주석

주석 - 실습

//Hello World를 출력하는 코드입니다.
console.log("Hello World");

if문

if문
조건을 검사하고 해당 조건이 참인 경우에만 실행

if( 조건식 ){
   참인경우 실행
}
else if( 조건식 ){
   if 문의 조건이 거짓이고, 위의 조건식이 참인경우 실행
}
여러개의 else if...
else if( 조건식 ){
  위의 if, else if문의 모든 조건이 거짓이고, 위의 조건식이 참인경우 실행
}
else{
   모든 if, else if 문이 모두 실행되지 않았을 때 실행
}

if문 - 실습(1)

var age = 25;

if(age < 20){
    console.log("20세 미만입니다.");
}
else{
    console.log("20세 이상입니다.");	
}

if문 - 실습(2)

function solution(age){
    //age가 20이상, 30미만이면 20대
    if(20 <= age && age < 30){
        return true;
    }
    else{
        return false;
    }
}

if문 - 실습(3)

function solution( year ){
    if (year % 4 == 0){
       return true;
    }else{ 
       return false;
    }
}

switch문

switch문

switch( 비교할 값 ){
    case값1:
       비교할 값이 값1인 경우 실행
        break;
    case값2:
       비교할 값이 값2인 경우 실행
        break;
    default:
       비교할 값이 위의 모든 값과 다른 경우 실행
        break;
}

case 구문 비교할 값을 적고, default는 값이 필요없다.
break구문
이 구문을 만나면 switch구문에서 빠져나온다

switch문 - 실습

function solution( month ){
    switch( month ){
        case 1: case 3: case 5: case 7: case 8: case 10: case 12:
            return 31;
            break;
        case 4: case 6: case 9: case 11:
            return 30;
            break;
        case 2:
            return 28;
            break;  
        default:
            console.log("없는 달 입니다.");
            break;
    }
}

완강인증