Javascript (자바스크립트) - 배열

자바스크립트 데이터 타입 중 하나인 배열은 객체에 포함되는 개념이다.

 

1. 배열의 형태

형태는

var fruits = [
   "apple",
   "grape",
   "pineapple"
]

의 형태를 갖고있다.

 

2. 배열의 생성

배열을 만들 땐 객체와 유사하게

 

new 연산자를 사용하여 생성할 수 있고

리터럴 방식으로도 생성할 수 있다.

// new 연산자 사용
var 배열 = new Array();  // ()괄호 안에 숫자를 넣게되면 그 숫자에 맞는 빈 배열값들이 생성된다.

// var 배열 = new Array(3);
// var 배열 = [empty x 3]; // 빈 배열값 3개가 생성된다.


// 리터럴 방식
var 배열 = []

 

3. 배열에 접근 방법

배열에 접근하기 위해서는

[] 대괄호를 사용한다.

var fruits = [
   "apple",
   "grape",
   "pineapple"
]

fruits[0]  // "apple" 출력
fruits[1]  // "grape" 출력
fruits[2]  // "pineapple" 출력

fruits 라는 배열이 있다는 가정을 했을 때,

해당 배열에서 grape라는 값을 가져오고 싶다면 fruits[1]를 사용하고

원하는 값에 따라 그 순서를 맨 처음 0부터

그 자릿수로 접근할 수 있다.

 

또한,

원하는 값에 접근하여 내용을 수정할 수도 있다.

fruits[0] = "blueberry";

// fruits의 값은
// fruits = ["blueberry", "grape", "pineapple"];

 

4. 배열에 값 넣고 빼기

이미 생성된 배열에 내가 원하는 값을

추가로 넣거나 이미 들어가 있는 값을 뺄 수도 있다.

 

그 때 사용하는 함수가 push(), pop() 함수이다.

push()와 pop()은 각각 배열에 가장 뒤에 값을 추가하거나

가장 뒤에 있는 값을 제거할 수 있다.

var fruits = [
   "apple",
   "grape",
   "pineapple"
]

fruits.push("mango");

// fruits = ["apple", "grape", "pineapple", "mango"]

var fruits = [
   "apple",
   "grape",
   "pineapple"
]

fruits.pop();
// fruits = ["apple", "grape"]

fruits.pop("apple");  // pop에 빼고싶은 값을 넣으면 맨 뒤가 아닌 빼고싶은 값이 제거된다.
// fruits = ["grape"]

 

5. 배열의 길이 가져오기

배열에 저장되어 있는 값이 총 몇개가 들어가 있는지

그 길이를 가져오는 프로퍼티가 있다.

 

바로 length 이다.

var fruits = [
   "apple",
   "grape",
   "pineapple",
   "avocado"
]

fruits.length;  // 4 출력