JS TIL (4일차)

‍박태우·2023년 9월 9일
0

Part 6.

1) 배열만들기

  • 배열 : 값(element)가 연속적으로 저장된 공간
    index 를 이용하여 접근

  • 배열 만들기

(위와 같이 빈 배열을 설정하거나
선언과 동시에 값을 집어 넣을 수도 있다.

객체와 마찬가지로 배열도 안에 어떤 자료형이든 들어 갈 수 있다.
배열이나 객체도 가능하다. 그리고 위와 같이 모두 같은 자료형일 필요도 없다.)

  • .length를 이용하여 배열의 길이 또한 구할 수 있다.

  • 대괄호를 이용해 배열의 값에 접근도 아래와 같이 가능하다.

(위와 같이 접근 가능하며 범위를 넘으면 undefined 로 정의된다.)

  • 실습

1)

2)

2) 배열 사용하기

  • 배열에 element 추가, 삭제
    (pop, push, shift, unshift)

1) pop

(위와 같이 pop을 하면 마지막 요소인 5가 배열에서 삭제된 것 확인가능
삭제 하면서 삭제한 값 반환)

2) shift

(pop과 반대로 앞의 요소 하나를 삭제 한다. 삭제하면서 삭제 한 값 반환)

3) push

(위 처럼 배열의 뒤에 element 추가, 반환되는 값은 pop, shift와 달리
배열의 길이를 반환한다.)

4) unshift

(위 처럼 배열의 앞에 element 추가, 반환되는 값은 또한 배열의 길이이다.)

5) reverse

(위 처럼 배열의 순서를 뒤집는 역할을 한다.)

6) sort

(위 처럼 배열의 값을 크기 순으로 정렬 해준다.)

7) concat 사용하기

(기존의 배열은 변경하지 않으면서 두 배열을 합지게 할 수 있다.)

따라서 추후에 붙인 배열을 사용하기 위해서는 아래와 같이 변수에 저장해야한다.

8) indexOf, lastIndexOf 사용하기

(문자열에서와 마찬가지로 위와 같이 기능한다.)

  • split 명령어 사용하기 (문자열을 구분자로 나누어 각 문자를 배열에 넣어 반환해준다.)

(위와 같이 구분자 ,에 따라 배열에 저장되는것을 확인 할 수 있다.)

  • 실습

Part 7.

1) 주석

  • 주석 : 프로그램과 관련없는 코드로서 실행이 되지 않는 코드이다.

(/**/ 은 여러줄 주석 //은 한줄 주석에 사용한다.)

  • 위 코드의 실행결과

(주석 처리된 이름 입력 부분과 alert 부분은 실행되지 않는다.
이후에 모두 잘 실행되면 나중에 주석을 변경하여 입력과 메시지 표시를 하게 하면 된다.)

  • 실습

Part 8.

1) if 문

  • if 문이면 특정 조건을 주고 그것이 참이면 실행 되도록 가능

(true 인 경우에만 명령어가 실행되는 것을 확인 가능하다.)

  • 아래경우는 if 문과 else를 같이 쓴 경우이다.

(else 문은 if 문과 짝을 이루며 if 가 실행되지 않은 경우 실행됨)

(if 문의 조건을 false로 한 경우 반대로 실행된다.)

  • else if 문도 같이 쓰는 경우

(else if 문은 몇개든 쓸 수 있으며 위의 if 문과 혹은 else if 문들이 실행되지 않은 경우 자신의 조건이 참이면 실행된다., 아래 결과)

  • 실습

1)

2)

3)

2) switch 문

  • 앞의 if, else if , else 를 이용하여 메뉴 선택 프로그램 제작

(입력 창에 3 입력 시의 결과 모습이다.)

=> 이 문장을 switch 를 이용하여 효과적으로 동작하게 할 수 있다.

(case 안에 비교할 변수 choice를 넣어주고 그 값에따라 수행되는 것이 switch 이다. break 문을 만나면 switch 문을 빠져 나가게 된다.
break 문을 쓰지 않으면 해당 case 문의 이후 구문이 모두 실행된다.)

  • 결과

  • 실습

profile
잘 부탁드립니다.

0개의 댓글