JavaScript 배열 생성, 추가, 삭제

// 빈 Array를 생성할 수 있습니다.
let arr1 = [];
console.log(arr1)

// 미리 초기화된 Array를 생성할 수 있습니다.
let arr2 = [1, 2, 3, 4, 5];
console.log(arr2);

// 많은 값을 같은 값으로 초기화할 경우 fill을 쓸 수 있다.
let arr3 = Array(10).fill(0)
console.log(arr3)

// 특정 로직을 사용하여 초기화할 경우 from을 사용할 수 있다.
let arr4 = Array.from({ length;100 }, (_, i) => i);
console.log(arr4)

Output
[]
[1, 2, 3, 4, 5]
[
0, 0, 0, 0, 0,
0, 0, 0, 0, 0
]
[
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
...
99
]

const arr = [1, 2, 3]
console.log(arr);
// 4가 끝에 추가된다.
arr.push(4);
// 여러 개를 한 번에 추가할 수 있다.
arr.push(5, 6)
console.log(arr);

// 3번 인덱스에 128을 추가한다.
arr.splice(3, 0, 123);
console.log(arr);

// 3번 인덱스 값을 제거한다.
arr.splice(3, 1)
console.log(arr[3])

Output
[1, 2, 3]
[1, 2, 3, 4, 5, 6]
[
 1, 2, 3, 128,
 4, 5, 6
]
4

splice(start[, deleteCount[, item1[, item2[, ...]]]])

start: 배열의 변경을 시작할 인덱스.

음수를 지정한 경우: 배열의 끝에서부터 요소를 센다.
배열의 길이보다 큰 수를 지정한 경우: 실제 시작 인덱스는 배열의 길이로 설정
절대값이 배열의 길이보다 큰 경우: 0으로 세팅

deleteCount: 배열에서 제거할 요소의 수.

생략 / 값이 array.length - start보다 큰 경우: start부터의 모든 요소를 제거.
0 이하의 수를 지정: 어떤 요소도 제거되지 않는다.

item1, item2, ... : 배열에 추가할 요소.

지정하지 않는 경우: splice()는 요소 제거만 수행한다.

반환값: 제거한 요소를 담은 배열.

아무 값도 제거하지 않았으면 빈 배열을 반환한다.