Hàm xử lý mang trong javascript
Có rất nhiều phương thức của mảng trong JavaScript. Nhờ đó, việc xử lý mảng trở nên dễ dàng hơn. Sau đây, mình sẽ tìm hiểu chi tiết về các phương thức xử lý mảng phổ biến nhất. Show
Các phương thức thêm/xóa phần tử mảngTrong bài viết Array là gì? Array trong JavaScript, mình đã giới thiệu 4 phương thức cơ bản của mảng là:
Ngoài ra, còn nhiều phương thức của mảng trong JavaScript nữa. Phương thức spliceLàm sao để xóa phần tử bất kỳ trong mảng? Dĩ nhiên, mảng trong JavaScript cũng
là object. Nghĩa là bạn có thể dùng
Vấn đề xảy ra là: mặc dù bạn đã xóa một phần tử trong mảng, nhưng độ dài của mảng Cái chúng ta mong muốn là: khi xóa phần tử của mảng thì độ dài mảng phải giảm đi. Đó chính là lý do phương thức Phương thức
Phương thức Ví dụ xóa đi 1 phần tử tại vị trí 1:
Ví dụ xóa đi 3 phần tử tại vị trí đầu tiên và thêm 2 phần tử khác:
Ví dụ trả về mảng các phần tử bị xóa:
Phương thức
Phương thức
Phương thức slicePhương thức Cú pháp phương thức
Phương thức này trả về mảng mới bằng cách copy mảng ban đầu từ vị trí Phương thức của array
Phương thức concatPhương thức Cú pháp phương thức
Phương thức này chấp nhận số lượng tham số tùy ý. Và giá trị của Giả sử phần tử
Bình thường, phương thức
Nhưng nếu object array-like đó có thuộc tính
đặc biệt là
Phương thức duyệt mảng trong JavaScriptPhương thức của mảng trong JavaScript giúp duyệt tất cả các phần tử là:
Phương thức này cho phép bạn thực hiện một hàm trên mỗi phần tử trong mảng với cú pháp:
Trong đó:
Ví dụ:
item a at index 0 in array a,b,c item b at index 1 in array a,b,c item c at index 2 in array a,b,c Để hiểu
hơn về Các phương thức tìm kiếm trong mảngSau đây mình sẽ tìm hiểu về các phương thức của mảng trong JavaScript giúp tìm kiếm. Phương thức indexOf, lastIndexOf và includesCác phương thức
Các ví dụ:
Chú ý: các phương thức trên thường sử dụng toán tử so sánh bằng nghiêm ngặt Nếu bạn tìm kiếm Nếu bạn muốn kiểm tra sự tồn tại mà không quan tâm đến chỉ số thì nên dùng Một điểm khác nhau giữa
Phương thức find và findIndexGiả sử bạn có một mảng các object. Làm sao để tìm kiếm object trong mảng thỏa mãn một số điều kiện cho trước? Để giải quyết vấn đề này, bạn có thể dùng phương thức
Phương thức
Trong đó:
Phương thức Ví dụ tìm kiếm user có
Trong ví dụ trên, hàm cung cấp cho phương thức Phương thức
Phương thức filterPhương thức Cú pháp của
Phương thức
Các phương thức biến đổi mảngSau đây là các phương thức của mảng trong JavaScript giúp tạo mảng mới từ một mảng gốc hoặc thay đổi thứ tự của mảng gốc. Phương thức mapPhương thức Phương thức này thực hiện một hàm trên mỗi phần tử của mảng và trả về một mảng các kết quả với cú pháp là:
Ví dụ từ mảng các string, suy ra mảng các độ dài tương ứng là:
Phương thức sortPhương thức Phương thức này trả về mảng đã được sắp xếp. Tuy nhiên, mình thường bỏ qua giá trị trả về. Vì thực chất là chính Ví dụ:
Kết quả trả về là mảng 💡 Mặc định các phần tử được sắp xếp theo thứ tự string. Trong ví dụ trên, các phần tử được chuyển đổi kiểu dữ liệu về string để so sánh. Mà Để sắp xếp theo tứ tự mong muốn, bạn cần truyền vào một hàm để so sánh. Ví dụ một hàm so sánh:
Áp dụng hàm so sánh vào phương thức
Kết quả bây giờ đã đúng như mong muốn. Phương thức reversePhương thức
Phương thức split và joinPhương thức
Ví dụ phân tách string thành mảng dựa trên dấu phẩy
Phương thức
Phương thức Ví dụ ghép các phần tử mảng bởi dấu
Phương thức reduce và reduceRightPhương thức
Cú pháp phương thức
Trong đó:
Kết quả trả về của phương thức Ví dụ tính tổng các phần tử trong mảng:
Phương
thức Để biết thêm về Cách kiểm tra giá trị là mảngVì array bản chất là object, nên bạn không thể dùng
Để giải quyết vấn đề trên, bạn có thể sử dụng phương thức
Tham số thisArgHầu hết các phương thức của mảng trong JavaScript đều có tham số cuối cùng là Tham số này không bắt buộc và ít sử dụng nên mình không nói đến trong các phần trên. Cú pháp đầy đủ các phương thức với
Giá trị của Ví dụ lọc các giá trị của mảng nằm trong đoạn từ
Tổng kếtSau đây là tổng kết một số phương thức của mảng trong JavaScript:
Để kiểm tra một giá trị là mảng, bạn sử dụng phương thức Trên đây là các phương thức của mảng trong JavaScript mà mình thấy hay sử dụng nhất. Dĩ nhiên, còn nhiều phương thức khác nữa, bạn có thể tự tìm hiểu thêm tại các bài viết sau:
|