Một số phương thức mảng hữu ích trong ES6 JavaScript

Tác giả : Cao Tiến Đạt
Email : tiendat772001@gmail.com
Số điện thoại : 0975804410

Các phương thức mảng trong ES6 (JavaScript) rất hữu ích để làm việc với dữ liệu được lưu trữ dạng mảng.

Bởi vì khi lập trình JavaScript, bạn sẽ phải làm việc với dữ liệu mảng rất nhiều. Chúng có thể là mảng số đơn giản hoặc thậm chí là mảng các đối tượng phức tạp.

Sau đây là một số phương thức mảng hữu ích trong ES6.

Phương thức “forEach”

Phương thức forEach() được sử dụng để lặp qua tất cả các phần tử của mảng.

Ví dụ, để tìm tổng của tất cả các số trong một mảng số.

Phương thức “map”

Phương thức map() được dùng để lặp qua tất cả các phần tử của mảng, sửa đổi chúng và trả về một mảng mới nhưng không làm thay đổi mảng cũ.

Ví dụ 1: nhân mỗi số của mảng với 2 và tạo ra mảng mới.

Ví dụ 2: trích xuất các thuộc tính từ một mảng đối tượng và lưu trữ chúng trong một mảng khác.

Phương thức filter"

Phương thức filter() được sử dụng để lặp qua tất cả các phần tử của mảng và lọc ra các phần tử thỏa mãn một điều kiện (cho trước) thành một mảng khác.

Ví dụ, để lọc tất cả các đối tượng có flag là 1.

Kết quả:

Phương thức “find”

Phương thức find() được dùng để tìm và trả về phần tử đầu tiên trong mảng thỏa mãn một điều kiện (cho trước).

Nếu không tìm thấy đối tượng nào thỏa mãn thì phương thức find() trả về undefined.

Ví dụ để tìm một đối tượng có flag là 0.

Chú ý: Phương thức filter() trả về một mảng các phần tử, còn phương thức find() trả về một phần tử.

Phương thức “reduce”

Phương thức Reduce được sử dụng để thực thi một hàm lên các phần tử của mảng (từ trái sang phải) với một biến tích lũy để thu về một giá trị duy nhất. Là một phương thức quan trọng hay sử dụng trong lập trình hàm.

Ta lấy một ví dụ đơn giản về hàm reduce() và xem nó hoạt động như thế nào.

Kết luận

Hy vọng qua bài viết này, bạn hiểu hơn về các phương thức làm việc với mảng trong ES6 và ứng dụng nó nhiều hơn trong các project của mình, giúp code trở nên rõ ràng, dễ hiểu hơn.