Loại bỏ các phần tử khỏi một mảng trong JavaScript



Trong bài viết này, bạn sẽ được hướng dẫn đầy đủ các phương pháp khác nhau để xóa các phần tử khỏi một mảng trong JavaScript với các ví dụ.

Thông thường, sau đó không cần phải thao tác một mảng phát sinh từ hư không. Có nhiều phương pháp khác nhau cho các thao tác như vậy, một trong số đó bao gồm phương pháp loại bỏ một phần tử. Trong bài viết này, tôi sẽ hướng dẫn bạn các phương pháp khác nhau để xóa các phần tử khỏi một mảng trong . Sau đây là những điểm mà bài viết này sẽ tập trung vào,

Hãy để chúng tôi bắt đầu sau đó,





Xóa các phần tử khỏi một mảng trong JavaScript

Phương pháp Pop

Phương thức pop () xóa phần tử khỏi phần cuối của một mảng, giống như một ngăn xếp. Mặt khác, phương thức push () thêm một phần tử vào cuối một mảng.Các phương pháp thực hiện khái niệm LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Mã loại bỏ phần tử cuối cùng trong mảng, tức là 'Jazz'.Phương thức push () nối phần tử trở lại mảng.



Phương pháp Shift: Loại bỏ các phần tử khỏi một mảng trong JavaScript

Phương thức shift () xóa phần tử khỏi đầu mảng. Mặt khác, phương thức unshift () thêm phần tử trở lại đầu mảng.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Mã xóa phần tử đầu tiên, tức là Rock khỏi mảng.Khi sử dụng phương thức unshift (), “Rock” sẽ được thêm trở lại mảng.

Phương pháp mối nối

Phương thức splice () loại bỏ một phần cụ thể hoặc một phần chọn lọc của mảng.Nó chứng tỏ là một phương pháp tháo gỡ, thay thế hoặc thêm các phần tử vào mảng.



['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Bắt đầu từ vị trí chỉ mục 2, xóa một phần tử ['Rock', 'Metal', 'Jazz'] trong danh sách .splice (2,2) // Bắt đầu từ vị trí chỉ mục 2, xóa hai phần tử ['Rock', 'Metal']

Trong ví dụ trên, phương thức lát cắt bỏ các phần tử theo chỉ mục được chỉ định.

“Blues” bị xóa khỏi ví dụ đầu tiên vì nó được đặt ở chỉ số 2.

kiến thức cơ bản về máy chủ sql cho người mới bắt đầu

Trong ví dụ thứ hai, hai yếu tố tức là “Blues” và “Jazz” bị loại bỏ, vì chỉ mục chỉ định rằng 2 yếu tố phải được loại bỏ, bắt đầu từ chỉ mục 2.

Cần lưu ý rằng các mảng không được lập chỉ mục trong JavaScript.

Tiến xa hơn với, bài viết này về Xóa các phần tử khỏi một mảng trong JavaScript,

Mối nối cho phạm vi các yếu tố

Việc loại bỏ các phần tử liên tiếp bằng cách sử dụng phương thức splice () là hợp lý:

máy quét làm gì trong java
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // Bắt đầu từ vị trí chỉ mục 0, xóa hai phần tử ['Blues', 'Jazz']

Mã loại bỏ các giá trị được đề cập trong phương thức nối.

Xóa phần tử theo giá trị: Xóa phần tử khỏi mảng trong JavaScript,

Chúng ta có thể tìm kiếm một phần tử bằng cách sử dụng splice () và xóa nó liên tiếp.Phương thức này có thể được ghép nối với lệnh indexOf (), lệnh này trả về chỉ mục đầu tiên mà tại đó một phần tử nhất định có thể được tìm thấy. Nếu phần tử không được tìm thấy, nó sẽ trả về -1 làm đầu ra.

Trong ví dụ sau, chúng tôi loại bỏ phần tử 'Blues':

['Rock', 'Metal', 'Blues', 'Jazz'] // Tìm vị trí chỉ mục của 'Blues' và xóa một phần tử khỏi vị trí list.splice (list.indexOf ('Blues'), 1)

Đoạn mã loại bỏ phần tử “Blues”, sau khi tìm ra vị trí chỉ mục của phần tử.

Loại bỏ phạm vi yếu tố theo giá trị

JavaScript cho phép chúng ta xóa nhiều phần tử khỏi mảng.

['Rock', 'Metal', 'Blues', 'Blues', 'Jazz'] cho (var i = list.length-1 i -) {if (list [i] === 'Blues') danh sách .splice (i, 1)} ['Rock', 'Metal', 'Jazz']

Mã loại bỏ tất cả các lần xuất hiện của phần tử 'Blues'.

Chúng ta hãy bắt đầu với phần cuối cùng của bài viết này về Xóa các phần tử khỏi một mảng trong JavaScript,

Phương pháp lọc mảng

Thay vì thay đổi mảng mà nó được gọi, filter () tạo một mảng mới.Nó có một tham số duy nhất, được gọi là phương thức gọi lại. Phương thức gọi lại được kích hoạt khi phương thức lọc lặp qua các phần tử của mảng.

Nó chuyển ba giá trị cho lệnh gọi lại:

  • Giá trị hiện tại
  • Chỉ số mảng hiện tại
  • Toàn bộ mảng

Nó trả về hai giá trị: true hoặc false. Các phần tử trả về true được thêm vào mảng mới được tạo bởi filter ().

di chuột trong css là gì
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var filter = array.filter (function (value, index, arr) {return value> 4}) // filter = > [5,6, 7, 8, 9]

Mảng được lọc bao gồm các phần tử được chứng minh là đúng.

Việc xóa các phần tử khỏi một mảng về bản chất có thể hơi tẻ nhạt, nhưng trên thực tế, các phương pháp này là hiệu quả và tốn kém nhất.

Với điều này, chúng ta sẽ đến phần cuối của blog này về 'Xóa các phần tử khỏi một mảng trong JavaScript'. Tôi hy vọng bạn tìm thấy thông tin này và hữu ích, hãy theo dõi để biết thêm các hướng dẫn về các chủ đề tương tự. Bạn cũng có thể xem chương trình đào tạo của chúng tôi to có được kiến ​​thức chuyên sâu về jQuery cùng với các ứng dụng khác nhau của nó, bạn có thể để được đào tạo trực tuyến trực tiếp với hỗ trợ 24/7 và quyền truy cập trọn đời.

Có một câu hỏi cho chúng tôi? Đề cập đến họ trong phần bình luận của blog này và chúng tôi sẽ liên hệ lại với bạn.