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

Multithreading Là Gì và Ưu Điểm Của Nó

Multithreading Là Gì và Ưu Điểm Của Nó

Bạn đã từng nghe về khái niệm multithreading nhưng không hiểu rõ nó là gì và tại sao lại quan...

Usability Testing là gì? 3 phương pháp thực hiện phổ biến

Usability Testing là gì? 3 phương pháp thực hiện phổ biến

Usability testing là một khái niệm quan trọng trong lĩnh vực thiết kế sản phẩm và trải nghiệm người dùng...

RSA Là Gì? Cách hoạt động của RSA

RSA Là Gì? Cách hoạt động của RSA

RSA là một trong những thuật toán mã hóa khóa công cộng (public-key cryptography) phổ biến nhất và được sử...

Bài đọc nhiều

Gợi ý cho bạn một vài lý do khi viết đơn xin thôi việc

Gợi ý cho bạn một vài lý do khi viết đơn xin thôi việc

1. Các lý do nghỉ việc chính đángNội dung bài viếtXóa các phần tử ở cuối mảng JavascriptSet lại độ…

Data Scientist là gì? Công việc của Data Scientist là làm gì?

Data Scientist là gì? Công việc của Data Scientist là làm gì?

Nếu như muốn phát triển sự nghiệp trong lĩnh vực công nghệ, chắc hẳn bạn đã từng nghe nói đến…

Multimedia là gì?Phân biệt Multimedia và Graphic Design

Multimedia là gì?Phân biệt Multimedia và Graphic Design

Multimedia là ngành học hiện đang được các bạn trẻ yêu thích và theo học. thực tế cho thấy đây là ngành nghề  mới đang còn khá…

Bài mới nhất

Node.js là gì? Hướng Dẫn Đầy Đủ Về Node.js và Ứng Dụng Trong Web

Node.js là gì? Hướng Dẫn Đầy Đủ Về Node.js và Ứng Dụng Trong Web

Node.js đã trở thành một công nghệ không thể thiếu trong việc phát triển ứng dụng web hiện đại. Tuy…

Ruby on Rails là Gì? Tìm Hiểu Về Nền Tảng Phát Triển Web Mạnh Mẽ

Ruby on Rails là Gì? Tìm Hiểu Về Nền Tảng Phát Triển Web Mạnh Mẽ

Ruby on Rails, thường được gọi là Rails, là một framework phát triển ứng dụng web mã nguồn mở được…

Multithreading Là Gì và Ưu Điểm Của Nó

Multithreading Là Gì và Ưu Điểm Của Nó

Bạn đã từng nghe về khái niệm multithreading nhưng không hiểu rõ nó là gì và tại sao lại quan…

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.