concatenates 는 연결하다라는 뜻이다. 사슬처럼 잇는 것을 의미한다.
concat 메서드는, 호출한 배열뒤에 배열을 이어붙여 만들어진 새로운 배열을 리턴한다. (원본 배열을 수정하지 않는다)
인자를 생략하면 얕은 복사본을 반환한다.
array.concat([arr1],[arr2],...[,arrN]);
const array1 = ['a'];
const array2 = ['b'];
const array3 = [1, true]
const obj = {key1:'123', key2:'test obj'}
const result = array1.concat(array2,array3,'test string', obj);
console.log(result);
// Array ["a", "b", 1, true, "test string", Object { key1: "123", key2: "test obj" }]
const result2 = [].concat(array1,array2,array3,'test string', obj);
console.log(result2);
// Array ["a", "b", 1, true, "test string", Object { key1: "123", key2: "test obj" }]
console.log(result == result2) // false
result와 result2는 서로다른 객체를 참조하고있다.
반응형
'[Develop] 개발공부 > FE - 프론트엔드' 카테고리의 다른 글
react-query 리액트쿼리를 알아보자 (useQuery, staleTime과 cacheTime) (0) | 2022.10.15 |
---|---|
React Router v6 설정하기 / match param, protectedRoute (0) | 2022.10.12 |
[Javascript] 정렬하기 sort함수 / js 오름차순 js 내림차순 (1) | 2022.09.26 |
[Javascript] includes - 배열에 특정 값 가지고 있는지 확인하기, 객체에 특정 키값을 가지고있는지 확인하기. (1) | 2022.09.21 |
[React] localStorage 사용하여 Todo list 만들기 (0) | 2022.09.15 |