Ánh xạ

map() là một phương thức tích hợp sẵn dành cho mảng, hoạt động như một cỗ máy biến đổi. Phương thức này lặp qua từng phần tử trong mảng và áp dụng một hàm bạn định nghĩa (hàm callback) cho từng phần tử. Hàm này có thể chỉnh sửa, biến đổi hoặc tạo ra thứ hoàn toàn mới dựa trên phần tử ban đầu. Kết quả của những phép biến đổi này sẽ được dùng để tạo thành một mảng hoàn toàn mới.

Hãy tưởng tượng bạn có một danh sách giá sản phẩm (các số) và muốn tạo một danh sách mới hiển thị giá đã giảm (các phần tử đã biến đổi). Đây là cách map() hoạt động:

const prices = [10, 15, 20, 25];

// Hàm (function) callback áp dụng mức giảm giá 10%
const discountedPrices = prices.map(price => price * 0.9);

console.log(discountedPrices); // Đầu ra: [9, 13.5, 18, 22.5]

Trong ví dụ trên, map() được dùng để tạo một mảng mới discountedPrices chứa các mức giá đã giảm 10%. Phương thức map() lặp qua prices và áp dụng phép tính giảm giá (price * 0.9) cho từng mục, tạo ra các mức giá đã giảm trong mảng mới.