JS 챌린지 4일차 (TIL)

Part 6. 배열

6-1 배열 만들기

배열의 개념

• 값(element)가 연속된 저장공간
  -> 여러 개의 값을 순차적으로 저장할 수 있는 자료구조
• 배열을 이용하면 여러 개의 변수를 저장해두고 주소(index)를 이용해 접근할 수 있다.
  배열의 정의
• 대괄호([])이용, 콤마(,)를 사용하여 여러개의 값을 넣을 수 있다.
  var arr=[]; var arr2=[1,2,3,4,5];
• 배열 안에 들어가는 element에는 어떤 자료형이든 들어갈 수 있음
  (배열, 객체도 가능/괄호 안의 자료형이 통일되지 않아도 됨.)
  var mixed_arr=[1,true,{1,2,3},"string"];
  배열의 값에 접근하는 방법
  index를 이용-> arr[index]

실습-길이가 5인 배열 arr

var arr= [1,2,3,4,5];
console.log(arr[arr.length-1]);

6-2 배열 사용하기

배열에 엘리먼트 추가 및 삭제하는 명령어

• 뒤에서 추가/삭제
  .push(element) : 배열의 뒤에 요소를 추가
  .pop() : 배열의 가장 마지막에서 요소를 제거하고 반환

  var arr=[1,2,3,4,5];
  arr.pop(); //출력: 5
  arr        // 출력: [1,2,3,4]

• 앞에서 추가/삭제
  .unshift(element): 배열의 앞에 요소를 추가
  .shift(): 배열의 앞에서 요소를 제거하고 반환

  var arr=[1,2,3,4,5];
  arr.shift(); //출력: 1
  arr        // 출력: [2,3,4,5]

+) 추가적인 명령어
reverse(): 배열 안의 값을 역순으로 정렬
sort() : 배열 안의 값을 오름차순으로 정렬

배열 병합 및 검색

• 배열 합치기(배열1.concat(배열2))
  : 두 개 이상의 배열을 합쳐서 새로운 배열 생성
• 배열에서 특정 요소 검색(index 활용)
  1) .indexOf(element): 배열에서 해당 요소의 첫 번째 인덱스를 반환
  (없으면 -1)
  2) .lastIndexOf(element): 배열에서 해당 요소의 마지막 인덱스를 반환

split 함수

특정 구분자를 기준으로 문자열을 나누어 배열로 변환하는 함수
.split("구분자")

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

Part 7. 주석

주석이란?
코드에 대한 설명 등의 이유로 작성하는 프로그램의 동작과 무관한 코드

• 한 줄 주석 //
• 여러줄 주석 /* */
  주석에 적힌 코드는 실행되지 않음.

Part 8. 조건문

8-1 if문

조건을 검사하고 해당 조건이 참(true)인 경우에만 특정 코드 실행되게 하는 함수.

if(boolean type 조건식){
  /*조건이 참일때만
  코드 실행*/
}

• if-else문
  if 조건이 거짓(false) 이면 else 블록의 코드가 실행됨.

if ( true ) { #항상 참이므로 1이 출력됨
  // 조건이 참일 때 실행될 코드
  console.log("1")
} else {
  // 조건이 거짓일 때 실행될 코드
  console.log("2")
}

• if - else if - else 문 (다중 조건)
  여러 개의 조건을 검사할 때 사용함.

if (조건1) {
  // 조건1이 참일 때 실행
} else if (조건2) {
  // 조건1이 거짓이고, 조건2가 참일 때 실행
} else {
  // 모든 조건이 거짓일 때 실행
}

실습-논리연산자의 조건문 활용
인자 year가 윤년인지 아닌지 true, false로 반환하는 solution함수

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

8-2 switch문

if문의 특수한 경우에 활용할 수 있음.

• if 문: 복잡한 조건 처리에 적합 (범위 비교를 할 때 유용하다.)
• switch 문: 하나의 변수가 여러 개의 고정된 값 중 하나와 일치하는지 확인할 때 유용(범위 조건에는 적합하지 않다.)
  break구문
  break구문을 만나면 switch-case의 마지막 중괄호 밖으로 빠져나오게 됨.
  default
  비교할 값이 위의 모든 값과 다른 경우 실행될 코드

switch( /*비교할 값*/ ){ #비교할 값에 따라 출력되는 값이 달라짐.
    case /*값1*/:
        /*비교할 값이 값1인 경우 실행될 코드*/
        break; #break가 없으면 다음 case문도 불필요하게 실행됨.
    case /*값2*/:
        /*비교할 값이 값2인 경우 실행될 코드*/
        break;

    /*
    ... 여러개의 case
    */

    default:
        /*비교할 값이 위의 모든 값과 다른 경우 실행될 코드*/
        break;
}

🔍혼자 해결하지 못했던 오류
case 1,3,5:❌
여러개의 case를 한 번에 처리할 때 올바른 방법

case 1:
case 3:
case 5:
   /*비교할 값이 값1,3,5인 경우 실행될 코드*/
   break;