Menu
CoddyTech

Phương thức Map

Thuộc phần Logic và luồng chương trình trong hành trình JavaScript của Coddy. Bài học 52 trên 65.

Phương thức (method) map() tạo một mảng (array) mới chứa kết quả gọi một hàm (function) được cung cấp trên từng phần tử của mảng gọi phương thức đó. Phương thức này biến đổi từng phần tử và trả về một mảng mới có cùng độ dài.

Cú pháp cơ bản:

let newArray = arr.map(function(currentValue, index, array) {
    // trả về phần tử cho newArray
});

Đây là một ví dụ đơn giản:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
	return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Đây là ví dụ tương tự với cú pháp ngắn gọn hơn:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

Phương thức map() không thay đổi mảng ban đầu. Phương thức này luôn trả về một mảng mới.

challenge icon

Thử thách

Dễ

Tạo một hàm có tên formatNames, nhận một mảng tên (chuỗi) làm đối số. Hàm này nên dùng phương thức map() để chuyển đổi từng tên sang kiểu viết hoa chữ cái đầu của mỗi từ, các chữ cái còn lại viết thường. Trả về mảng tên mới đã được định dạng.

Tự làm thử

function formatNames(names) {
    return names.map(name => {
        // Viết code của bạn ở đây
    })
}
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Logic và luồng chương trình

Tự luyện tập: Trình biên dịch JavaScript online