[ javascript ] - 배열 알아보기

1. 배열이란 무엇인가

• 순서가 있는 값이다.
• 다양한 값들을 넣기 위해 사용한다.
• 다양한 값들을 순서대로 저장할 때 사용한다.

2. 배열의 생김새

배열은 대괄호 [] 로 이루어져있고, 배열 안에 값을 넣을 수 있다.
[1,2,3] 배열안의 값을 (1,2,3) 각각의 원소(element)로 부르며, 각각의 값들을 쉼표로 구분한다.

3. 배열의 index

• 배열안의 요소들은 index를 통해 가져오거나 없애거나 다양하게 사용 가능하다.

arr = [1,2,3,4,5] 라고 해보자.

arr의 index 즉, 요소들의 위치를 알아보자.

배열의 맨 첫번째 index는 무조건 0부터 시작한다.

[1,2,3,4,5] 의 index 는 순서대로 0,1,2,3,4 라고 볼 수 있다.

쉽게 생각하면 arr의 길이가 5인데 index는 무조건 0부터 시작하니까 
index는 5에서 -1 한거라고 생각하면 된다.

헷갈릴 수 있으니까 정리를 해보자.

1. 배열의 길이 : arr.length 즉 요소의 개수를 보면 된다.
   [1,2,3,4,5] 요소의 개수가 5개니까 배열의 길이는 5가 된다.
2. 배열의 index (요소의 위치) : 0부터 시작
   [1,2,3,4,5] & 배열의 길이에서 -1 뺀거라고 보면 된다.
   0,1,2,3,4

4. 1차원 배열, 2차원 배열,...

1차원 배열 : arr = [1,2,3,4,5]
2차원 배열 : arr = [[1,2],[3,4],[5,6]]

5. 중첩 배열

arr = [[[[1]]]] <- 처럼 배열 안에 배열이 중첩으로 들어 있는 것을 말한다.

 

중첩 배열에 대해 궁금해서 테스트를 해보았다.

배열이 중첩 4번 되었을 때 :

let arr = [[[[1]]]] 
console.log(arr) => [ [ [ [Array] ] ] ]

4번째 중첩 배열 안의 값(1)이 나오지 않는다.
그럼 3번 중첩 되었을 때를 보자.

배열이 중첩 3번 되었을 때 :
let arr = [[[1]]]
console.log(arr) => [ [ [ 1 ] ] ]

값이 포함된 배열로 나온다.
이유를 알고 싶어서 구글링, 배열에 관련된 문서등을 보았으나, 원하는 답을 찾을 수 없었다.

 

 

원인

배열 중첩이 너무 많아서 또는, 배열 안의 원소가 너무 많아서 요약해준 것

아래 코드를 보면 arr 배열안에 요소들이 350개가 있다고 해보자.

console.log를 찍어보면 ... +item 350 이런식으로 뜰 것이다. 

그게 바로 js에서 어떠한 인자들이 많을 때 요약해서 출력 할 때 이다.

arr = [1,2,3,4,5,6,7,....] 
console.log(arr) ->
[1,2,3,4,5,6,7,....+item 350...]

6. 배열 또는 type에 따라 사용할 수 있는 다양한 함수들

split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()