<JavaScript> 배열과 객체(1) 배열(array)

배열과 객체 : 데이터의 묶음

 

*배열과 객체가 JASON의 원형이다*

 

 

 

 

 

배열과 객체의 차이점 :

배열 - 순서가 있고 [] 로 묶는다

객체 - 순서는 없고 값의 이름 (key)가 있음. {}로 묶는다.

 

 

1. 배열

 

 

1. 배열 만들기 : 대괄호[]로 묶어서 만든다.

 

- 대괄호 안에는 뭐든지 들어갈 수 있다.

- 변수의 입장에서는 배열이라는 자료형 하나만 들어있다.

 

 

 

 

 

2. 데이터 불러오기

 

1) index(순서) : 맨 앞에 있는 데이터를 0번째 데이터로 생각하고 순서를 매긴다.

 

 

 

2) 배열 안의 데이터 갯수 : 배열이름.length

 

 

 

 

3. 데이터 추가하기

배열명[추가할 index] = 추가할 데이터 값;

 

1) 배열 만들기.

 

 

 

( 배열 자체를 console.log 하면 배열의 갯수도 앞에 나타난다. )

 

 

 

2) index4 데이터 : 50

 

 

 

 

 

3) index5 데이터 : 없음

 

 

 

 

 

4) index5에 숫자데이터 100 넣기

 

 

 

 

 

 

5) index7에 데이터 100 넣기

 

 

* index6은 undefined로 채워진다. 실제 데이터로 쓸 순 없다.

 

 

 

 

 

 

 

4. push, pop, shift, unshift

( 배열의 맨앞, 맨 뒤에 데이터 추가하고 삭제하기)

 

배열을 사용하는 이유 : 순서대로 차곡차곡 쌓으려고.

 

- push(데이터); : 맨 뒤에 데이터 추가

- pop(); : 맨 뒤에 데이터 삭제

- unshift(데이터); : 맨 앞에 데이터 추가

- shift(); : 맨 앞에 데이터 삭제

 

 

 

1) push

 

 

2) pop

 

 

3) unshift

 

 

4) shift

 

 

 

 

 

 

*자료구조 스택과 큐*

 

1) 스택 : 맨 뒤에 데이터를 추가하고 가장 최근에 추가된 (맨 뒤) 데이터 부터 삭제하는 것

(push와 pop 사용)

 

2) 큐 : 맨 뒤에 데이터를 추가하고 맨 앞부터 데이터를 삭제하는 것

(push와 shift 사용)

 

* 순서대로 보내면 거꾸로 도착함. jQuery 애니메이션에서 사용함 )

* 메신저에서 주로 사용된다.  

 

 

 

 

 

 

5. 배열안의 배열

배열도 하나의 자료형이기 때문에 배열안에 배열이 들어갈 수 있다.

 

 

 

1) 안에 배열이 들어있는 배열 만들기.

 

 

2) 배열안의 배열 사용법 : 배열이름[바깥배열index][안쪽배열index];

 

 

 (20 + 40)

 

 

* 배열 안의 배열 : 이차원배열

* 이차원 이상 : 다차원 배열

* 너무 차원이 높으면 좋지 않다. 주로 삼차원까지 사용한다.