[완강 챌린지] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 : section2-11. 배열

const job = '프론트엔드';·2023년 6월 24일
1
post-thumbnail

배열 ?

  1. 순서가 있는 요소들의 집합
  2. 여러개의 항목들이 모여 있는 리스트

배열 생성하는 방법

1. 배열 생성자

생성자를 이용해서 배열을 생성 !

  • new 키워드를 활용
let arr = new Array();


생성자를 통해 생성한 배열 안에 gazeroArray1 안에는 [1, 2, 3]이 순서대로 들어가 있고, gazeroArray2안에는 3이 아닌 [undefined, undefined, undefined]가 들어가 있음

따라서, 배열 생성자를 통해 값을 할당하는 경우 ! 특정 요소를 넣기위해서는 여러개의 값을 넣어야 하고, 원하는 크기의 공간을 할당하려면 원하는 공간의 크기를 괄호 안에 작성해주면 됨

2. 배열 리터럴

배열 리터럴[]을 이용하는 방법(중괄호가 아닌 대괄호를 이용하는 방식)

let arr = [];


배열 리터럴을 통해 생성된 배열 안에 gazeroArray1 안에는 [1, 2, 3]이 순서대로 들어가 있고, gazeroArray2안에는 [3]이 들어 있음

따라서, 리터럴을 통해 배열을 생성하는 경우, 그 값이 순서대로 배열의 요소가 됨

배열 특징

  1. 타입에 상관없이 모든 요소를 넣을 수 있음

배열 다루기

1. 배열 요소 접근

  • 배열은 key 값이 존재하지 않음
  • 따라서 index를 통해 배열의 요소에 접근
  • 배열의 이름 뒤에 대괄호를 작성하고 대괄호 안에 인덱스를 작성

2. 배열 요소 추가

2-1. push

배열 내장 함수(메서드)를 사용

  • push는 배열 이름 뒤에 작성, 배열의 맨 마지막 요소로 추가

    배열의 맨 마지막 순서에 "4"가 추가 된 것을 확인할 수 있음

2-2. unshift

  • 배열의 첫번째 요소로 추가

    배열의 맨 앞 순서에 "1"이 추가 된 것을 확인할 수 있음

3. 배열 요소 수정

  • 배열의 인덱스로 배열 요소에 직접 접근해 수정 가능

const(상수)의 경우에도 배열 요소를 수정할 수 있을까?

  • 배열은 객체로 분류되는 자료형임
  • const로 선언된 배열요소를 수정하더라도 배열 자체를 수정하는 것이 아님
  • 따라서, const로 선언된 배열의 요소는 수정이 가능

4. 배열 요소 삭제

4-1. pop

  • 배열의 맨 마지막 요소를 삭제

4-2. shift

  • 배열의 맨 앞 요소를 삭제

5. 배열의 길이 알아내기

length


length를 통해 배열의 크기를 확인 할 수 있음

profile
`나는 ${job} 개발자`

0개의 댓글