[JS] 배열 합치기

 

1. concat() 

array.concat([value1[, value2[, ...[, valueN]]]])

array.concat([value1[, value2[, ...[, valueN]]]])

const arr = [1, 2, 3];
const newArr = arr.concat('a', ['b', 'c'], 'abc');

document.writeln(arr + '<br>'); // [1, 2, 3]
document.writeln(newArr.length + '<br>'); // 7
document.writeln(newArr); // [1, 2, 3, 'a', 'b','c', 'abc']

 

2. spread operator : ...

ES6에서 제공하는 spread operator(...)를 사용하여 배열을 이어 붙일 수 있다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const newArr = [
  ...arr1,
  ...arr2,
  ...arr3
];

document.write(newArr.length + '<br>');	// 9	
document.write(newArr);					// 1,2,3,4,5,6,7,8,9

 

3. push()

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

arr1.push(arr2);

document.write(arr1.length + '<br>'); // 4
document.write(arr1[0] + '<br>'); // 1 
document.write(arr1[1] + '<br>'); // 2
document.write(arr1[2] + '<br>'); // 3
document.write(arr1[3] + '<br>'); // [4, 5, 6]

 

 

출처 : https://hianna.tistory.com/397