Cách thêm đối tượng vào mảng trong JavaScript
Cách đơn giản nhất mà một đối tượng hoặc bất kỳ loại phần tử nào khác có thể được thêm vào một mảng JavaScript là lập chỉ mục. Bạn chỉ có thể gán đối tượng vào một chỉ mục của mảng và nếu đã có một mục ở đó thì nó sẽ được thay thế bằng đối tượng mới:
hãy để phản đối = { 'Tên' : 'John Doe' , 'Tôi' : 3 } ;hãy để arr = [ { 'Tên' : 'Richard Roe' , 'Tôi' : 1 } , { 'Tên' : 'John Smith' , 'Tôi' : hai } ] ;
arr [ hai ] = phản đối ;
bàn điều khiển. khúc gỗ ( arr ) ;
Phương pháp này khá dễ dàng nhưng rất khó để biết các chỉ số và kích thước của các mảng, vì vậy chúng tôi phải tìm kiếm một số phương pháp khác có thể được sử dụng để thêm các đối tượng vào mảng. Các phương pháp nổi tiếng, tiện lợi và dễ sử dụng nhất là đẩy() , unshift () và mối nối () . Các chức năng của chúng hơi khác nhau nhưng có thể sử dụng bất kỳ phương pháp nào trong số này. Hãy xem chúng khác nhau như thế nào:
Phương thức array.push ()
Phương thức array.push () nhận các phần tử làm tham số và thêm chúng vào cuối mảng và trả về kích thước mới của mảng:
hãy để phản đối = { 'Tên' : 'John Doe' , 'Tôi' : 3 } ;
hãy để arr = [ { 'Tên' : 'Richard Roe' , 'Tôi' : 1 } , { 'Tên' : 'John Smith' , 'Tôi' : hai } ] ;
arr. đẩy ( phản đối ) ;
bàn điều khiển. khúc gỗ ( arr ) ;
Phương thức array.unshift ()
Hàm array.unshift () ngược lại với phương thức push vì nó thêm các phần tử vào đầu mảng. Tương tự như phương thức push, nó có thể lấy một hoặc nhiều phần tử làm tham số và thêm chúng vào một mảng:
hãy để phản đối = { 'Tên' : 'Richard Roe' , 'Tôi' : 1 } ;hãy để arr = [ { 'Tên' : 'John Smith' , 'Tôi' : hai } , { 'Tên' : 'John Doe' , 'Tôi' : 3 } ] ;
arr. không tạm bợ ( phản đối ) ;
bàn điều khiển. khúc gỗ ( arr ) ;
Phương thức array.splice ()
Phương thức array.splice () hơi khác một chút vì nó có thể được sử dụng để xóa và chèn các phần tử từ một chỉ mục nhất định. Cần ba đối số, chỉ mục, không có phần tử nào để xóa và phần tử mới sẽ được thêm vào:
hãy để phản đối = { 'Tên' : 'John Doe' , 'Tôi' : 3 } ;hãy để arr = [ { 'Tên' : 'Richard Roe' , 'Tôi' : 1 } , { 'Tên' : 'John Smith' , 'Tôi' : hai } ] ;
arr. mối nối ( hai , 0 , obj )
bàn điều khiển. khúc gỗ ( arr ) ;
Chúng tôi đã đưa 0 làm tham số thứ 2 vì chúng tôi không muốn xóa bất kỳ phần tử nào khỏi mảng hiện có.
Các phương pháp hữu ích bổ sung
JavaScript cũng cung cấp rất nhiều phương pháp hữu ích khác để thao tác với các mảng, đối tượng và các đối tượng có trong mảng. Array.apply () và array.concat () là hai trong số các hàm như vậy có thể hữu ích trong trường hợp của chúng ta.
Phương thức array.apply () có thể được sử dụng để kết hợp nội dung của các mảng. Vì vậy, nếu bạn có hai mảng khác nhau chứa các đối tượng và bạn muốn thêm các đối tượng của mảng này vào mảng khác, bạn không phải thực hiện thủ công từng mảng một. Bạn chỉ có thể sử dụng phương thức apply (). Hơn nữa, nếu bạn cần một mảng mới được tạo từ nội dung của mảng hiện có thì bạn có thể sử dụng hàm concat ().
Sự kết luận
Các phương thức push, unshift và splice có thể được sử dụng để thêm các đối tượng vào mảng JavaScript. Phương thức push thêm các đối tượng vào cuối, phương thức unshift thêm các đối tượng vào đầu và phương thức splice thêm chúng tại một chỉ số nhất định của mảng. Tất cả các phương pháp này đã được giải thích rộng rãi trong hướng dẫn ở trên.