Một số cách xóa phần tử trong mảng JavaScript

02/06/2021 09:53 AM    |    Tìm việc   >  Công nghệ thông tin

Mảng JavaScript cho phép người dùng nhóm các giá trị và lặp lại chúng. Bạn có thể thêm hoặc loại bỏ các phần tử mảng theo những cách khác nhau. Vậy làm sao để bạn xóa một phần tử trong mảng JavaScript? Hãy khám phá một số cách giúp bạn có thể xóa các giá trị mảng Javascript ngay nhé.

Xóa các phần tử ở cuối mảng Javascript

Set lại độ dài của mảng

Bạn có thể được loại bỏ các phần tử mảng JavaScript khỏi phần cuối của mảng bằng cách đặt lại độ dài của mảng thành giá trị nhỏ hơn giá trị hiện tại. Phần tử có chỉ số lớn hơn hoặc bằng độ dài mới đặt lại sẽ bị xóa khỏi mảng.

Một số cách xóa phần tử trong mảng JavaScript

Dùng pop()

Với phương thức pop phần tử cuối cùng của mảng sẽ bị loại bỏ, trả về phần tử đó và cập nhật thuộc tính độ dài. Không giống như cách trên, với phương thức này phần tử cuối cùng được loại bỏ hoàn toàn và chiều dài mảng sẽ giảm đi.

Một số cách xóa phần tử trong mảng JavaScript

>>>Xem ngay: Các vị trí tuyển nhân viên it mới nhất với mức lương hấp dẫn dành cho các lập trình viên. Xem và ứng tuyển ngay nào!

Xóa các phần tử ở đầu mảng với shift()

Phương thức shift() hoạt động khá giống như phương thức pop ở trên, thay vì phần tử cuối cùng thì nó sẽ loại bỏ phần tử đầu tiên của mảng JavaScript . Khi phần tử đầu tiên được loại bỏ các phần tử còn lại được chuyển xuống. Nếu mảng rỗng phương thức trả về undefined.

Một số cách xóa phần tử trong mảng JavaScript

Loại bỏ phần tử tại vị trí xác định với splice()

Phương thức splice() không chỉ loại bỏ một hay nhiều phần tử của Array mà nó còn có thể thêm phần tử vào Array. Cú pháp để sử dụng splice() loại bỏ phần tử  trong mảng Javascript là:

array.splice(start, n)

Trong đó:

  • start: vị trí phần tử bắt đầu bị loại bỏ khỏi mảng.
  • n: là số lượng phần tử bị loại bỏ.
  • Giá trị trả về là mảng các phần tử còn lại

>>>Tham khảo thêm: Thông tin việc làm mới nhất tại Đà Nẵng được cập nhật mỗi ngày. Hàng ngàn công việc ở nhiều lĩnh vực ngành nghề. Khám phá ngay!

Sử dụng Array.filter xóa phần tử trong mảng JavaScript

Không giống với splice(),  phương thức filter() sẽ tạo ra một mảng mới. filter() có  duy nhất một tham số, một phương thức gọi lại. Cuộc gọi lại sẽ được kích hoạt khi phương thức lọc lặp qua các phần tử có trong mảng. Nó sẽ chuyển ba giá trị cho hàm gọi lại: giá trị hiện tại hoặc phần tử; chỉ mục mảng hiện tại và mảng đầy đủ.

Một số cách xóa phần tử trong mảng JavaScript

Phương thức gọi lại sẽ trả về giá trị đúng hoặc sai. Bạn có trách nhiệm kiểm tra giá trị phần tử để xem nó có đáp ứng tiêu chí của bạn không. Các phần tử trả về giá trị true sẽ được thêm vào mảng mới được lọc. Mảng mới được lọc sẽ chứa các giá trị khớp với filter được trả về. Mảng ban đầu sẽ không bị ảnh hưởng.

Sử dụng phương thức remove trong Lodash

Lodash cung cấp một tập hợp phong phú các phương thức thao tác mảng, trong đó có phương thức remove() để bạn có thể xóa phần tử trong mảng.

Một số cách xóa phần tử trong mảng JavaScript

Phương thức remove() hoạt động khá giống với phương thức filter() nhưng được sắp xếp ngược lại. Nó cũng sẽ loại bỏ các phần tử khớp với điều kiện nhưng không lưu các giá trị mảng ban đầu. Và nó trả về các phần tử phù hợp như là một mảng mới.

Xóa phần tử trong mảng JavaScript bằng toán tử delete

Một số cách xóa phần tử trong mảng JavaScript

Sử dụng toán tử delete không làm ảnh hưởng đến thuộc tính độ dài của mảng và chỉ số của các phần tử tiếp theo. Với phương thức này mục cần xóa sẽ không bị xóa mà trở nên không xác định.

Trên đây là một số cách xóa phần tử trong mảng JavaScript mà chúng mình đã tổng hợp lại. Tùy trường hợp mà sử dụng mà bạn có thể chọn phương thức áp dụng hợp lý vào dự án của mình. Chúc các bạn thành công với những cách mà Tìm việc IT chia sẻ.

>>>Bạn có thể tham khảo: Xem ngay cách chặn quảng cáo trên Youtube  cho mọi thiết bị để tránh bị làm phiền khi xem video

Tags:

Bài viết liên quan

QR Code là gì? Ứng dụng của QR Code trong đời sống hiện nay

QR Code là gì? Ứng dụng của QR Code trong đời sống hiện nay

QR Code được nhiều nhãn hàng sử dụng giúp khách hàng dễ dàng trong việc tra cứu thông tin sản...

Một số cách tạo số điện thoại ảo để nhận tin nhắn kích hoạt

Một số cách tạo số điện thoại ảo để nhận tin nhắn kích hoạt

Nhiều tài khoản mạng xã hội yêu cầu người dùng phải nhập số điện thoại để nhận tin nhắn kích...

Lập trình trí tuệ nhân tạo là gì? Những điều bạn cần biết về công nghệ này

Lập trình trí tuệ nhân tạo là gì? Những điều bạn cần biết về công nghệ này

Trí tuệ nhân tạo ra đời là một trong những bước tiến vượt bậc về công nghệ của con người....

Bài mới nhất

Top phần mềm vẽ sơ đồ miễn phí và chuyên nghiệp

Top phần mềm vẽ sơ đồ miễn phí và chuyên nghiệp

Vẽ sơ đồ khi làm việc giúp bạn trình bày bài một cách khoa học và dễ hiểu hơn. Hiện…

Phần mềm chỉnh sửa file pdf miễn phí mà không tốn tài nguyên máy

Phần mềm chỉnh sửa file pdf miễn phí mà không tốn tài nguyên máy

Các tập file PDF thường được sử dụng nhiều vì tính gọn nhẹ, dễ lưu trữ, chia sẻ. Tuy nhiên…

QR Code là gì? Ứng dụng của QR Code trong đời sống hiện nay

QR Code là gì? Ứng dụng của QR Code trong đời sống hiện nay

QR Code được nhiều nhãn hàng sử dụng giúp khách hàng dễ dàng trong việc tra cứu thông tin sản…

Theo dõi chúng tôi

Chúng tôi thích chia sẻ những ưu đãi mới và các chương trình

Đăng ký nhận tin

Nhận bài viết qua email cùng HR Insider - Timviec.