🌙 11일차 - [ javascript ] 배열 -

오늘 수업은 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. 1차원 배열 : arr = [1,2,3,4,5]
   2차원 배열 : arr = [[1,2],[3,4],[5,6]]

5. 중첩 배열

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

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

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

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

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

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

-> 원인을 찾았다 !

난 자바스크립트가 배열만 그런건지, 다른 무언가 객체라던지 안의 내용물이 많을때도 그런건지는 잘 모르겠지만,현직 개발자 지인분께 들은 대답은 간단했다.
단순히 배열 중첩이 너무 많아서 === 배열 안의 원소가 너무 많아서가 되기 때문에 Array 로 요약해준 것 이라고 했다.
또한,

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()

• 함수들은 간단한 구글링을 통해 다양한 예제가 나오기 때문에 따로 설명은 하지 않으려고 한다. (참고만 하자.)

배열에 관한 문서 참고 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array