Xóa đối tượng khỏi một mảng trong JavaScript – cách xóa đối tượng trong javascript

Bài viết này giải thích các cách xóa đối tượng khỏi mảng JavaScript

Bạn đang xem: cách xóa đối tượng trong javascript

Chúng tôi đã giới thiệu cách làm trống một mảng trong JavaScript trong một bài viết khác. Trong bài viết này, chúng ta sẽ tìm hiểu cách xóa một đối tượng khỏi một mảng JavaScript. Bài viết sẽ giới thiệu và triển khai các phương thức như splice () , slice () filter () .

Sử dụng < code> splice () Phương pháp xóa đối tượng khỏi mảng trong JavaScript

Phương thức splice () có thể là phương pháp tốt nhất ngoài đó mà chúng ta có thể sử dụng để xóa đối tượng khỏi một mảng. Nó thay đổi nội dung của một mảng bằng cách loại bỏ hoặc thay thế các phần tử hiện có hoặc thêm các phần tử mới vào vị trí. Cú pháp cho phương thức splice () được hiển thị bên dưới.

< pre> Array.splice (chỉ mục, số lượng, items1, ..., itemX)

Tùy chọn index đề cập đến một số nguyên chỉ định vị trí cần thêm / xóa các mục. Chúng ta cũng có thể sử dụng các giá trị âm để chỉ định vị trí từ cuối mảng. Tùy chọn count là tùy chọn và cho biết số lượng mục cần xóa. Tùy chọn items1, ..., itemX cũng là tùy chọn và có thể được sử dụng để thêm các mục mới vào mảng.

Đầu tiên, chúng tôi khai báo một biến mảng có tên myArray , chứa ba đối tượng trong mảng. Sau đó, ở dòng thứ hai, chúng ta sử dụng phương thức splice () cho mảng. Chúng tôi cũng chỉ ra 0 1 làm đối số. Sau đó, chúng tôi đăng nhập mảng trong bảng điều khiển.

Ban đầu, mảng chứa ba đối tượng. Giá trị 0 trong phương thức splice () cho biết chỉ mục đầu tiên của mảng, tức là đối tượng đầu tiên. Nó có nghĩa là chúng tôi sẽ bắt đầu xóa khỏi chỉ mục đầu tiên. Giá trị tiếp theo, 1 trong phương thức, chỉ định rằng phương thức sẽ xóa một mục khỏi điểm bắt đầu. Do đó, ví dụ dưới đây sẽ xóa đối tượng đầu tiên trong mảng.

Xem Thêm  Hình ảnh HTML - html làm thế nào để chèn một hình ảnh

Chúng ta nên lưu ý rằng splice ( ) phương thức sửa đổi mảng; do đó, chúng ta có thể sử dụng phương thức slice () để xóa đối tượng mong muốn khỏi mảng mà không làm thay đổi mảng ban đầu.

Ví dụ về mã:

  var myArray = [ {id: 1, name: 'John'}, {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}];
myArray.splice (0,1)
console.log (myArray)
 

Đầu ra:

  [{id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}]
 

Sử dụng slice () Phương pháp Xóa Đối tượng khỏi Mảng trong JavaScript

Phương thức slice () trả về bản sao đã sửa đổi của phần được chọn từ đầu đến cuối, nhưng chỉ mục cuối được chuyển vào phương thức sẽ không được bao gồm. Cú pháp cho phương thức slice () ở bên dưới.

  Array.slice (startIndex, endIndex)
 

Ở đây, startIndex là chỉ mục dựa trên 0 mà từ đó chúng tôi bắt đầu trích xuất. Chỉ số âm có thể được sử dụng, chỉ số này cho biết độ lệch so với phần cuối của chuỗi. Ví dụ: slice (-3) trích xuất ba phần tử cuối cùng trong chuỗi. Nếu startIndex không được xác định, hàm slice () bắt đầu từ chỉ mục 0 , trong khi nếu startIndex lớn hơn phạm vi chỉ mục của mảng, một mảng trống được trả về.

Tùy chọn endIndex cũng là chỉ mục dựa trên 0 trước khi kết thúc quá trình trích xuất. Phương thức slice () trích xuất tối đa endIndex nhưng không bao gồm chính endIndex . Nếu tùy chọn endIndex bị loại trừ, thì slice ()Hàm trích xuất đến cuối chuỗi, tức là, đến array.length . Nếu endIndex lớn hơn độ dài của chuỗi, thì hàm slice () cũng trích xuất đến cuối chuỗi.

Phương thức slice (1,3) trong ví dụ dưới đây sẽ trích xuất các phần tử từ chỉ mục thứ hai sang chỉ mục thứ tư. Vì không có chỉ mục thứ tư trong mảng, nó sẽ trích xuất các phần tử cho đến khi kết thúc dãy.

Ví dụ về mã: < / p>

  var myArray = [{id: 1, name: 'Morty'} , {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}];
var newArray = myArray.slice (1, 3);
console.log (newArray)
 

Đầu ra:

  [ {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}]
 

Sử dụng phương thức filter () để Xóa đối tượng khỏi mảng

Phương thức filter () tạo một mảng mới với các phần tử vượt qua bài kiểm tra do hàm cung cấp. Nó có nghĩa là nó sẽ trả về một mảng đối tượng mới. Nếu không có phần tử nào vượt qua bài kiểm tra, hàm sẽ trả về một mảng trống. Chúng tôi sẽ sử dụng hàm mũi tên để chứng minh phương thức filter () .

Phương thức < code> filter () sử dụng thuật ngữ gọi là hàm gọi lại, giống như

  var newArray = myArray.filter ((phần tử, chỉ mục, mảng) = & gt; {
... Các mục vượt qua điều kiện này sẽ được thêm vào mảng mới ...
})
 

Phương thức chấp nhận ba đối số. Tùy chọn phần tử là phần tử hiện tại đang được xử lý trong mảng. index là tùy chọn và cho biết chỉ mục của phần tử hiện tại đang được xử lý trong mảng. Cuối cùng, tùy chọn array là bộ lọc mảng được gọi và tùy chọn.

Trước tiên, hãy tạo một mảng với các đối tượng như được thực hiện trong các phương thức ở trên. Sau đó gọi hàm filter () với biến mảng. Chỉ định item làm đối số của hàm mũi tên và trả về các phần tử của mảng với biểu thức item.id! == 1 . Lưu trữ mảng mới trong biến newArray và đăng nhập vào bảng điều khiển.

Ví dụ bên dưới chỉ trả về phần tử của mảng có id không bằng giá trị 1 . Do đó, nó trả về phần tử thứ hai và thứ ba của mảng.

Mã ví dụ:

  var myArray = [{id: 1, name: 'Morty'}, {id: 2, tên: 'Rick'}, {id: 3, name: 'Anna'}];
var newArray = myArray.filter ((item) = & gt; item.id! == 1);
console.log (newArray);
 

Đầu ra:

  [ {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}]
 

Viết cho chúng tôi

Các bài viết về DelftStack được viết bởi những người yêu thích phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .

< / p>


Xem thêm những thông tin liên quan đến chủ đề cách xóa đối tượng trong javascript

Buổi 6: Hướng đối tượng trong javascript

  • Tác giả: Thien TH
  • Ngày đăng: 2020-03-20
  • Đánh giá: 4 ⭐ ( 3100 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách lặp các thuộc tính của Object trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 3 ⭐ ( 5686 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đôi khi, chúng tôi muốn lặp qua một đối tượng mảng liên kết JavaScript trong mã JavaScript của chúng tôi.

Làm cách nào để nhanh chóng xóa một đối tượng JavaScript?

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 7719 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Câu trả lời ngắn cho câu hỏi của bạn, tôi nghĩ là không (bạn chỉ có…

Xóa phần tử trong mảng JavaScript(shift, pop, splice)

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 5 ⭐ ( 1613 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn tất cả các cách xóa phần tử trong mảng JavaScript. Bạn sẽ học được cách sử dụng thuộc tính length, phương thức shift() và pop() để xóa phần tử trong mảng JavaScript trong bài học này.

Cách xóa phần tử DOM trong JavaScript?

  • Tác giả: completejavascript.com
  • Đánh giá: 3 ⭐ ( 8034 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để xóa phần tử DOM trong JavaScript, bạn có thể sử dụng phương thức `remove()` hoặc `removeChild()`.

Filter một phần tử của mảng trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 9456 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Xin chào mọi người, sau một hồi lướt trên internet thì mình tìm được một bài khá hay về Javascript. Nên mình xin phép dịch lại nội dung bài viết đó.

Tạo mới thêm xóa phần tử Dom – JavaScript

  • Tác giả: xuanthulab.net
  • Đánh giá: 4 ⭐ ( 7859 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tạo ra một nút phần tử HTML trong DOM, chèn phần tử HTML, xóa phần tử và thay thế phần tử trong DOM HTML

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình