JavaScript를 사용하여 배열에 항목을 추가하는 몇 가지 방법 알아보기
배열에 항목을 추가하려면 JavaScript의 push()
메소드 또는 concat()
컨텍스트에 따라 방법. 두 메서드 모두 JavaScript Array 개체에서 제공됩니다.
실제로 두 가지 방법을 모두 사용하는 방법과 이유를 알려 드리겠습니다.
배열에 단일 항목 추가
기존 야채 목록(배열)에 야채를 추가해 보겠습니다.
const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot")
이제 결과를 인쇄할 수 있습니다.
console.log(vegetables)
// ["broccoli", "onion", "spinach", "carot"]
참고:vegetables
배열이 수정되었습니다.
배열에 여러 항목 추가
여러 항목을 배열에 추가하려면 push()
를 사용할 수도 있습니다. , 여러 인수를 쉼표로 구분하여 추가하기만 하면 됩니다.
const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot", "green beans", "kale")
참고:vegetables
배열이 수정되었습니다.
배열 수정과 새 어레이 비교 / push() vs. concat()
위에서 언급했듯이 push()
메서드는 원래 배열을 수정합니다. 대신 새 원본을 기반으로 배열을 만들고 여기에 새 항목을 추가한 다음 JavaScript 배열 concat()
을 사용합니다. 방법:
const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot")
이제 두 변수를 모두 출력해 보십시오.
console.log(vegetables)
// ["broccoli", "onion", "spinach"]
console.log(newVegetables)
// ["broccoli", "onion", "spinach", "carot", "green beans", "kale"]
원본 vegetables
가 배열이 변경되지 않음 및 newVegetables
vegetables
사본을 포함합니다. 배열 + carot
concat()
으로 추가했습니다. 방법.
concat()
메소드는 여러 항목에 대해 동일하게 작동합니다. push()
에서와 마찬가지로 쉼표로 구분하기만 하면 됩니다. 앞의 예:
const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot", "green beans", "kale")
요약:
두 가지 배열 방법을 혼동하지 않는 것이 중요하므로 마지막 알림이 있습니다.
push()
원래 배열 수정concat()
새 배열을 반환(생성)