본문 바로가기

Language/JavaScript

자바스크립트 배열

배열은 언어에 구분없이 많이 사용되는 자료구조이다. 

여기서 자바스크립트에 사용되는 배열을  한번 정리해 보자.


1. 배열 선언

배열을 만드는 방법은 여러가지가 있다. 

 1) [ ]를 이용하여 배열을 선언하는 방법

  var numbers = [];    // 배열 선언

  var numberArray = [ 1, 2 , 3, 4 , 5];


 2) Array 생성자를 호출하는 방법

 var numbers = new Array();

 var numberArray = new Array(1, 2, 3, 4, 5);

 파라미터를 1개만 줄 경우 배열의 길이를 할당한다.

 var numbers = new Array(5);    // 길이가 5인 배열 생성


 일반적으로 1번 방법을 사용하는것이 더 효율적이다.


2. 배열에 접근하기

배열에 접근할 땐 다른 언어와 같이 [ ] 와 인덱스를 이용하여 접근한다.

var numbers = [1, 2, 3, 4, 5];

console.log(numbers[0]);    // 1 


3. 배열에 요소 추가 / 제거 하기

배열에 요소를 추가할땐 push()와 unshift() 함수를 사용한다.

push() 함수는 배열의 끝에 요소를 추가하는 반면, unshift() 함수는 배열의 맨 앞의 요소를 추가한다.


반대로, 요소를 제거하기 위해선 pop() 함수와 shift() 함수를 사용한다.

pop() 함수는 배열의 끝에있는 요소를 제거하는 반면, shift함수는 배열의 맨 앞의 요소를 제거 한다.


만약에 중간에 요소를 추가하고 싶은 경우엔 slice() 함수를 이용한다.

slice( 시작 인덱스, 삭제할 요소의 개수, 배열에 추가할 요소들 ~ ); 형식으로 사용한다.