Java Script - 4차시🐔

---

---

🐔4차시🐔

✅ 배열 만들기
✅ 배열 사용하기
✅ 주석
✅ if문
✅ switch문

---

---

📌배열 만들기

🪄배열 이란

• 값, 즉 element 들의 연속된 저장 공간

• 값들의 나열

• var arr = [] 로 정의함.

• element 들은 같은 type 일 필요 없음.

• arr.length 를 통해 길이를 알아낼 수 있음

• 정의되지 않는 범위의 index 사용시 undefined 반환됨.

  ---

  📌배열 사용하기

  🪄배열의 element 추가 / 삭제

• 배열.pop()
  : 마지막 원소 반환됨
  : 실행 후 배열은 반환된 마지막 원소가 없음

  ex)
  
  arr = [1, 2, 3, 4, 5];
  arr.pop();
  
  // 5 반환됨
  // arr = [1, 2, 3, 4] 됨
  

• 배열.shift()
  : 제일 앞의 원소 반환됨

  ex)
  
  arr = [1, 2, 3, 4, 5];
  arr.pop();
  
  // 1 반환됨
  // arr = [2, 3, 4, 5] 됨
  

• 배열.push(값)
  : 값을 배열의 맨 뒤에 추가함

  ex)
  
  arr = [1, 2, 3, 4, 5];
  
  arr.push(6);
  // arr = [1, 2, 3, 4, 5, 6]
  

• 배열.unshift(값)
  : 값을 배열의 0번째 위치에 삽입함

  ex)
  
  arr = [1, 2, 3, 4, 5];
  
  arr.unshift(0);
  // arr = [0, 1, 2, 3, 4, 5]

• 배열.reverse()
  : 뒤집어진 배열 반환

  ex)
  
  arr = [1, 2, 3, 4, 5];
  
  arr.reverse();
  // arr = [5, 4, 3, 2, 1]

• 배열.sort()
  : 배열 안의 값을 오름차순으로 정렬한 배열 반환

  ex)
  
  arr = [1, 4, 3, 5, 2];
  
  arr.sort();
  // arr = [1, 2, 3, 4, 5]

• 배열1.concat(배열2)
  : 배열1과 배열2를 연결한 배열을 반환
  : 배열1과 배열2가 바뀌는 것이아님
  : 합쳐진 배열을 반환하는 것일 뿐임

  ex)
  
  var arr1 = [1, 2, 3];
  var arr2 = [4, 5, 6];
  
  arr1.concat(arr2);
  // [1, 2, 3, 4, 5, 6]

• 배열.indexOf(값)
  : 배열에서 값이 위치한 처음 index 반환

  ex)
  
  arr = [1, 2, 3, 4, 5, 2];
  
  arr.indexOf(2);
  // 1

• 배열.lastIndexOf(값)
  : 배열에서 값이 위치한 마지막 index 반환

  ex)
  
  arr = [1, 2, 3, 4, 5, 2];
  
  arr.lastIndexOf(2);
  // 5

  🪄문자열 split 함수

• 문자열을 구분자로 나눠서 각각을 담은 배열을 반환하는 함수

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

---

📌주석

🪄주석 이란

: 프로그램의 동작과는 전혀 관련없는 코드

• 한줄 주석 // 주석
• 여러줄 주석 /* ... */

---

📌if 문

🪄if 문 이란

: 조건을 검사하고 참일 경우에만 특정 코드 실행됨

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

---

📌switch 문

🪄switch 문 이란

: 조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함

switch( /*비교할 값*/ ){
    case /*값1*/:
        /*비교할 값이 값1인 경우 실행될 코드*/
        break;
    case /*값2*/:
        /*비교할 값이 값2인 경우 실행될 코드*/
        break;

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

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

---