Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript로 배열에 항목을 추가하는 방법

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() 새 배열을 반환(생성)