[Javascript] Array push() vs concat()비교

배열에 새로운 원소를 추가하는데 사용되는 push함수와 concat 함수에 대해 알아보았다.

 

push()

기존 배열에 원소를 추가하여 배열의 총 길이를 리턴함 -> 원본데이터 변경됨

 

concat()

기존 배열을 복사한 후 원소를 추가하며, 새 배열을 리턴함 

 

         const result1 = ["apple", "orange", "banana"]
         const result2 = result1
         result2.push("cat", "dog")

		 <push()>
         console.log(Object.is(result1,result2))  //true

         const result3 = result1.concat("cat","dog")

		 <concat()>
         console.log(Object.is(result1,result3))  //false

 

<참고>

push mdn

Array.prototype.push() - JavaScript | MDN (mozilla.org)

Array.prototype.push() - JavaScript | MDN

 

concat mdn

Array.prototype.concat() - JavaScript | MDN (mozilla.org)

Array.prototype.concat() - JavaScript | MDN