배열(Array)

배열

JS에서 배열의 길이와 요소의 자료형은 고정되어 있지 않다. 즉 배열의 길이가 언제든지 늘어나거나 줄어들 수 있다.(Java의 Arraylist개념)

배열의 구조

[index0, index1, index2, ...]

배열의 구조는 위와 같이 bracket([])안에 쉼표(,)로 요소(element)들을 구분한다.
각 요소들의 위치는 index로 구분하며 index는 0부터 시작한다.

배열의 길이

배열의 길이는 1부터 시작하며 문자열과 마찬가지로 length로 길이를 확인할 수 있다.

let newArr=[0, 1, 2, 3];
newArr.length; // expected output : 4

배열의 요소 조회

let newArr=[0, 1, 2, 3];
newArr[2]; // expected output : 2

배열의 특정 인덱스의 요소 조회 방법으로 해당 배열의 인덱스 위치의 요소를 확인한다.

배열의 요소 재할당

요소의 변경 방법으로는 변경할 배열의 인덱스에 변경하고자 하는 요소를 할당하면 된다.
(배열의 인덱스가 존재하지 않은 경우는 아래 예시를 참고하자)

let newArr=[0, 1, 2, 3];
newArr[2]="a"; // expected output : [0, 1, "a", 3]
newArr[5]=5; // expected output : Array(6) : [0, 1, "a", 3, <1 empty slot>, 5]
newArr[4]; // expected output : undefined

배열 판단 여부

배열의 typeof는 array가 아닌 object로 나온다.
따라서 해당 타입이 정확히 배열인지 판단하기 위해서는 Array.isArray()를 사용하여 해당 타입인지 판단한다.

Array.isArray()의 반환값은 해당 객체가 Array라면 true 아니라면 false를 반환한다.

let newArr=[0, 1, 2, 3];
let newString="1234";
Array.isArray(newArr); // expected output : true
Array.isArray(newString); // expected output : false

배열 요소 추가 및 삭제

배열 요소 추가

push(el)

push 메서드는 배열의 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환한다.

let animals=["pigs", "goats", "sheep"];
animals.push("cows"); // expected output : 4
console.log(animals); // expected output : ["pigs", "goats", "sheep", "cows"]
animals.push("dog", "cat"); // expected output : 6
console.log(animals); // expected output : ["pigs", "goats", "sheep", "cows", "dog", "cat"]

unshift(el)

unshift 메서드는 하나 이상의 요소를 배열의 맨 앞쪽에 추가하고 배열의 새로운 길이를 반환한다.

let animals=["pigs", "goats", "sheep"];
animals.unshift("cows"); // expected output : 4
console.log(animals); // expected output : ["cows", "pigs", "goats", "sheep"]
animals.unshift("dog", "cat"); // expected output : 6
console.log(animals); // expected output : ["dog", "cat", "cows", "pigs", "goats", "sheep"]

배열 요소 삭제

pop()

pop 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환한다.

let animals=["pigs", "goats", "sheep"];
animals.pop() // expected output : "sheep"
console.log(animals); // expected output : ["pigs", "goats"]

shift()

shift 메서드는 배열에서 첫 번째 요소를 제거하고 제거된 요소를 반환한다.

let animals=["pigs", "goats", "sheep"];
animals.shift() // expected output : "pigs"
console.log(animals); // expected output : ["goats", "sheep"]