JavaScript - 배열에 요소 추가

Javascriptarray

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