헝그리개발자

자바스크립트의 언어 특성상, 배열도 자유자재로 다룰 수 있고,

자바스크립트의 배열은 다양하고 역동적이고, 자유로운 영혼이다.

배열 선언

자바스트립트의 배열을 선언하는 방법은 Array() 객체를 가지고 만드는 방법과,

이를 단순히 [] 만으로도 선언할 수 있다.

이는 객체를 만들때 new Object() 로 만들거나 {} 로 만들수 있는것과 같은 이치이다.

위의 배열 선언문은 사이즈가 0인 배열이었고,

아래와 같이 하면 배열의 사이즈를 줄 수 있다.

위 예제는 모두 사이즈가 5개인 배열을 만들었다.

new Array() 즉,

일반적인 랭귀지와 달리 자바스크립트의 배열은 Array 라는 객체라는 것을 알 수 있다.

즉, Array 도 Object 인 것이다.

Array 의 prototype 을 보면, 자바스트립트의 Array 로 무엇을 할 수 있는지 알 수 있다.

length 라는 속성외에는 전부 함수로 구성되어 있다는것을 알 수 있다.

데이터 탐색

배열에 대한 데이터 탐색은 모든 언어가 아래와 같이 사용하는것이 일반적이다.

for(var i=0; i < arrTemp.length; i++)
{
    console.log(arrTemp[i]);
}

이를 forEach 문으로 바꾸면 아래와 같이 쓸 수 있다.

arrTemp.forEach(function(d) { console.log(d) } );

이를 람다식으로 쓰면 아래와 같다.

arrTemp.forEach( d => console.log(d) );

큐(Queue)

자료구조에서 큐는 FIFO 로써, 먼저 들어간 데이터 먼저 나온다는 뜻이다.

[배열의 맨뒤에 데이터를 입력]

arrTemp.push('test');

[배열의 첫번째 데이터를 꺼내온다. (꺼내온 데이터는 삭제됨)]

console.log(arrTemp.shift());

스택(Stack)

스택은 LIFO 로써, 제일 나중에 들언간 데이터가 먼저 나온다는 뜻이다.

[배열의 맨뒤에 데이터를 입력]

arrTemp.push('test');

[배열의 마지막 데이터를 꺼내온다. (꺼내온 데이터는 삭제됨)]

console.log(arrTemp.pop());

배열에 데이터 입력

큐/스택의 예에서 처럼 배열의 맨뒤에 데이터를 입력하는 함수는 push 이다.

[배열의 맨뒤에 데이터를 입력]

arrTemp.push('test');

[배열의 맨앞에 데이터를 입력]

arrTemp.unshift('test');

[배열의 중간에 데이터를 입력]

arrTemp.splice(1, 0, 'add')

1은 데이터를 삽입할 index 이고, 0은 삭제할 count 이기 때문에, 0으로 입력하여 삭제하지 않도록 한것이다.

배열의 데이터 삭제

큐/스택의 예에서 처럼, 배열의 첫번째 삭제시는 shift() 함수를 쓰면 된다.

마지막 데이터삭제는 pop() 함수를 쓰면 된다.

[중간의 데이터 삭제는 splice 를 사용하면 된다.]

arrTemp.splice(1, 3)

배열의 index 1번 부터 시작해서, 3개의 배열항목을 삭제한다.

좀 더 심화된 자바스크립트 배열을 사용하고 싶다면, 아래 내용을 참고하면 될 것이다.

변경자 메서드

접근자 메서드

순회 메서드