Mảng trong JavaScript
Mảng lưu trữ nhiều giá trị trong một biến duy nhất. Chúng giúp dữ liệu được sắp xếp theo một thứ tự cụ thể.
Nếu không có mảng, bạn phải tạo các biến riêng biệt cho từng mục. Điều này sẽ trở nên khó quản lý khi dữ liệu của bạn tăng lên. Với mảng, bạn có thể nhóm tất cả mọi thứ lại với nhau.
Các cách sử dụng mảng phổ biến:
- Danh sách tên học sinh
- Danh sách sản phẩm
- Các mặt hàng trong giỏ hàng
- Số điện thoại di động
Cách mảng hoạt động: Mảng sử dụng các chỉ số (index) để tìm các mục. Mục đầu tiên luôn nằm ở chỉ số 0.
Ví dụ: let fruits = ["Apple", "Banana", "Orange"];
- fruits[0] là "Apple"
- fruits[1] là "Banana"
- fruits[2] là "Orange"
Các phương thức mảng thiết yếu:
Thêm và Xóa:
- push(): Thêm mục vào cuối.
- pop(): Xóa mục ở cuối.
- unshift(): Thêm mục vào đầu.
- shift(): Xóa mục ở đầu.
- splice(): Thêm hoặc xóa các mục tại bất kỳ vị trí nào.
Trích xuất và Tìm kiếm:
- slice(): Sao chép một phần của mảng.
- indexOf(): Tìm vị trí của một mục.
- includes(): Kiểm tra xem một mục có tồn tại hay không.
- find(): Trả về mục đầu tiên khớp với một điều kiện.
Biến đổi dữ liệu:
- map(): Thay đổi mọi mục trong mảng.
- filter(): Chỉ giữ lại các mục đáp ứng một điều kiện.
- reduce(): Kết hợp tất cả các mục thành một giá trị duy nhất.
- sort(): Sắp xếp các mục theo thứ tự.
- reverse(): Đảo ngược thứ tự các mục.
Mảng so với Đối tượng (Array vs. Object):
- Mảng sử dụng các con số (chỉ số) để tìm dữ liệu. Chúng phù hợp nhất cho các danh sách.
- Đối tượng sử dụng các khóa (keys) để tìm dữ liệu. Chúng phù hợp nhất để mô tả một thực thể.
Ví dụ:
- Array: ["Red", "Blue", "Green"]
- Object: { color: "Red", id: 1 }
Hãy nắm vững các phương thức này để xử lý dữ liệu một cách hiệu quả trong code của bạn.
Nguồn: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Nguồn: https://www.w3schools.com/js/js_arrays.asp
Hướng dẫn đầy đủ: https://dev.to/annapoo/arrays-in-javascript-2nb4