JavaScript - 배열에 요소 추가

JavaScript에서 배열(Array)에 요소를 추가하는 방법을 소개합니다.

1. push()로 배열에 요소 추가

아래와 같이 push()에 인자로 값을 전달하면 배열에 요소로 추가가 됩니다. 1개의 값을 전달하거나 다수의 값을 전달할 수 있습니다. 또한 스프레드 연산자로 다른 배열의 모든 요소들을 추가할 수 있습니다.

const arr = [1, 2, 3, 4];
const arr2 = [10, 11, 12];

arr.push(5);
console.log(arr);

arr.push(6, 7, 8);
console.log(arr);

arr.push(...arr2);
console.log(arr);

Output:

[ 1, 2, 3, 4, 5 ]
[
  1, 2, 3, 4,
  5, 6, 7, 8
]
[
   1, 2, 3,  4,  5,
   6, 7, 8, 10, 11,
  12
]

2. Index로 배열에 요소 추가

아래와 같이 Index로 배열에 접근하여 값을 추가할 수 있습니다. 배열의 길이는 가장 마지막 요소의 Index 보다 1 큽니다. 이 Index에 값을 추가하면 가장 마지막에 요소가 추가됩니다.

const arr = [1, 2, 3];

arr[arr.length] = 4;
console.log(arr);

arr[arr.length] = 5;
console.log(arr);

arr[arr.length] = 6;
console.log(arr);

Output:

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

3. 스프레드 연산자로 배열에 요소 추가

스프레드 연산자를 이용하여 여러 배열의 요소들을 하나의 배열로 합칠 수 있습니다.

const arr = [1, 2, 3];
const arr2 = [10, 11, 12];

const arr3 = [...arr, ...arr2]
console.log(arr3);

Output:

[ 1, 2, 3, 10, 11, 12 ]

4. concat()으로 배열에 요소 추가

concat()을 이용해서 두개의 배열의 모든 요소들을 하나의 배열에 합칠 수 있습니다.

const arr = [1, 2, 3];
const arr2 = [10, 11, 12];

const arr3 = arr.concat(arr2)
console.log(arr3);

Output:

[ 1, 2, 3, 10, 11, 12 ]
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha