Giải thích phương thức Map() trong JavaScript dễ hiểu và lấy ví dụ

Map() là một phương thức quan trọng trong JavaScript, thường được sử dụng với các mảng. Nó cho phép bạn tạo một mảng mới bằng cách áp dụng một hàm cho từng phần tử của mảng ban đầu. Mảng mới được tạo ra sẽ có cùng số lượng phần tử với mảng gốc, nhưng giá trị của các phần tử có thể thay đổi dựa trên hàm được áp dụng.

Cách hoạt động của map():

1. Duyệt qua mỗi phần tử của mảng: map() sẽ đi qua từng phần tử của mảng.
2. Áp dụng hàm cho mỗi phần tử: Hàm bạn cung cấp sẽ được gọi cho mỗi phần tử của mảng. Hàm này có thể thực hiện bất kỳ tính toán hoặc thay đổi nào bạn muốn.
3. Trả về mảng mới: Một mảng mới sẽ được tạo ra, với mỗi phần tử là kết quả của hàm áp dụng trên phần tử tương ứng trong mảng gốc.

Ví dụ:

Giả sử bạn có một mảng các số và bạn muốn tạo một mảng mới, trong đó mỗi số được nhân đôi.

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(function(number) {
    return number * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

Trong ví dụ này:

• numbers là mảng ban đầu.
• map() được gọi trên numbers.
• Mỗi phần tử trong numbers được nhân đôi.
• doubledNumbers là mảng mới với các giá trị đã được nhân đôi.

map() rất hữu ích khi bạn cần biến đổi một mảng mà không thay đổi mảng ban đầu, tạo ra một cách lập trình khai báo và hiệu quả.