concat() 메서드

concat

기본형

123456789let items = [1, 2];
let newItems = items.concat(3, 4, 5, 'str', undefined);
console.log(newItems); // [1, 2, 3, 4, 5, 'str', undefined]

let newItems2 = items.concat([3, 4], [5, 6, 7]);
console.log(newItems2); // [1, 2, 3, 4, 5, 6, 7]

let newItems3 = items.concat([3, 4], [5, 6, [7]]);
console.log(newItems3); // [1, 2, 3, 4, 5, 6, [7]]

매개변수로 주어진 배열이나 값을 기존 배열에 합쳐 새로운 배열을 reutrn함.

concat vs. forEach

123456789101112131415let people = [{name: 'a'}, {name: 'b'}];
let people2 = [{name: 'c'}, {name: 'd'}];

// forEach * 2
people.forEach((person) => {
    console.log(person.name);
}); // a, b
people2.forEach((person) => {
    console.log(person.name);
}); // c, d

// concat + forEach
people.concat(people2).forEach((person) => {
    console.log(person.name);
}); // a, b, c, d

123456789let a = [1, 2, 3];
let b = [4, 5, {name: 'a'}];
let c = a.concat(b);
console.log(c);

b[1] = 'b';
b[2].name = 'c';
console.log(c); // [1, 2, 3, 4, 5, { name: 'c' } ]
console.log(b); // [4, 'b', { name: 'c' } ]

참조한 배열, 객체가 수정되었을 경우 아래 코드에도 영향을 줌.