1. 배열이란?
- 주문한 값입니다.
- 각종 값을 입력할 때 사용합니다.
- 다른 값을 순차적으로 저장하는 데 사용됩니다.
2. 어레이의 모습
배열은 대괄호 () 로 이루어져있고,
배열 안에 값을 넣을 수 있다.
(1,2,3) 배열안의 값을 (1,2,3) 각각의 원소(element)로 부르며,
각각의 값들을 쉼표로 구분한다.
3. 배열 인덱스
- 배열의 요소는 인덱스로 삽입하거나 제거하거나 다양한 방법으로 사용할 수 있습니다.
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 한거라고 생각하면 된다.
혼란스러울 수 있으므로 정리하겠습니다.
- 배열 길이: 요소의 수인 arr.length.
(1,2,3,4,5) 요소가 5개이므로 배열의 길이는 5입니다. - 배열 인덱스(요소 위치): 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 = (1,2,3,4,5,6,7,....요소가 너무 많을때) 우리가
console.log(arr)을 찍어 보았을 때
(1,2,3,4,5,6,7,....+item 350...) 이런식으로 요약해서 출력 될 때랑 똑같다고 했다.
6. 배열이나 종류에 따라 사용할 수 있는 다양한 기능
split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()- 간단한 구글 검색을 하면 다양한 함수의 예가 나오므로 별도로 설명하지 않겠습니다.
(참고용으로만.)