Bản đồ mảng JavaScript ()
Các ví dụ
Trả về một mảng mới với căn bậc hai của tất cả các giá trị phần tử:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Nhân tất cả các giá trị trong một mảng với 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
map()
tạo một mảng mới từ việc gọi một hàm cho mọi phần tử của mảng.
map()
gọi một hàm một lần cho mỗi phần tử trong một mảng.
map()
không thực thi chức năng cho các phần tử trống.
map()
không thay đổi mảng ban đầu.
Cú pháp
array.map(function(currentValue, index, arr), thisValue)
Thông số
Parameter | Description |
function() | Required. A function to be run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default value undefined .A value passed to the function to be used as its this value. |
Giá trị trả lại
Loại | Sự miêu tả |
Một mảng | Kết quả của một hàm cho mỗi phần tử mảng. |
Hỗ trợ trình duyệt
map()
là một tính năng ECMAScript5 (ES5).
ES5 (JavaScript 2009) được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Các ví dụ khác
Lấy tên đầy đủ của từng người:
const persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}