JavaScript에서 배열에 객체를 추가하는 방법
객체 또는 다른 유형의 요소를 JavaScript 배열에 추가할 수 있는 가장 간단한 방법은 인덱싱입니다. 배열의 인덱스에 객체를 할당할 수 있으며 이미 항목이 있는 경우 새 객체로 대체됩니다.
obj 하자 = { '이름' : '존 도우' , 'ID' : 삼 } ;하자 = [ { '이름' : '리차드 로' , 'ID' : 1 } , { '이름' : '존 스미스' , 'ID' : 둘 } ] ;
아 [ 둘 ] = 오브제 ;
콘솔. 통나무 ( 아 ) ;
이 방법은 매우 쉽지만 배열의 인덱스와 크기를 알기가 어렵기 때문에 배열에 객체를 추가하는 데 사용할 수 있는 다른 방법을 찾아야 합니다. 가장 잘 알려져 있고 편리하고 사용하기 쉬운 방법은 다음과 같습니다. 푸시() , unshift() 그리고 접착() . 기능은 약간 다르지만 이러한 방법 중 하나를 사용할 수 있습니다. 이것이 어떻게 다른지 살펴보겠습니다.
array.push() 메서드
array.push() 메서드는 요소를 매개 변수로 사용하여 배열 끝에 추가하고 배열의 새 크기를 반환합니다.
obj 하자 = { '이름' : '존 도우' , 'ID' : 삼 } ;
하자 = [ { '이름' : '리차드 로' , 'ID' : 1 } , { '이름' : '존 스미스' , 'ID' : 둘 } ] ;
아. 푸시 ( 오브제 ) ;
콘솔. 통나무 ( 아 ) ;
array.unshift() 메서드
array.unshift() 함수는 배열의 시작 부분에 요소를 추가하기 때문에 push 메서드와 반대입니다. 푸시 방법과 유사하게 하나 이상의 요소를 매개변수로 사용하여 배열에 추가할 수 있습니다.
obj 하자 = { '이름' : '리차드 로' , 'ID' : 1 } ;하자 = [ { '이름' : '존 스미스' , 'ID' : 둘 } , { '이름' : '존 도우' , 'ID' : 삼 } ] ;
아. 쉬다 ( 오브제 ) ;
콘솔. 통나무 ( 아 ) ;
array.splice() 메서드
array.splice() 메서드는 주어진 인덱스에서 요소를 삭제하고 삽입하는 데 사용할 수 있으므로 약간 다릅니다. 인덱스, 삭제할 요소 수 및 추가할 새 요소의 세 가지 인수가 필요합니다.
obj 하자 = { '이름' : '존 도우' , 'ID' : 삼 } ;하자 = [ { '이름' : '리차드 로' , 'ID' : 1 } , { '이름' : '존 스미스' , 'ID' : 둘 } ] ;
아. 접착 ( 둘 , 0 , 개체 )
콘솔. 통나무 ( 아 ) ;
기존 배열에서 요소를 삭제하고 싶지 않기 때문에 두 번째 매개변수로 0을 지정했습니다.
추가 유용한 방법
JavaScript는 또한 배열, 개체 및 배열 내에 있는 개체를 조작하는 데 유용한 다른 많은 방법을 제공합니다. array.apply() 및 array.concat()은 우리의 경우에 도움이 될 수 있는 두 가지 함수입니다.
array.apply() 메서드는 배열의 내용을 결합하는 데 사용할 수 있습니다. 따라서 개체를 포함하는 두 개의 다른 배열이 있고 한 배열의 개체를 다른 배열에 추가하려는 경우 하나씩 수동으로 수행할 필요가 없습니다. apply() 메서드를 사용하면 됩니다. 또한 기존 배열의 내용으로 새 배열을 구성해야 하는 경우 concat() 함수를 사용할 수 있습니다.
결론
push, unshift 및 splice 메서드를 사용하여 JavaScript 배열에 객체를 추가할 수 있습니다. push 메서드는 끝에 객체를 추가하고 unshift 메서드는 시작 부분에 객체를 추가하고 splice 메서드는 배열의 지정된 인덱스에 객체를 추가합니다. 이 모든 방법은 위의 가이드에서 광범위하게 설명되었습니다.