Bản đồ mảng JavaScript()
Ví dụ
Trả về một mảng mới có 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)
Hãy tự mình thử »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;
}
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
map()
tạo một mảng mới bằng cách gọi hàm cho mọi phần 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.
Phương pháp lặp mảng:
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ả về
Kiểu | Sự miêu tả |
Một mảng | Kết quả của một hàm cho từng phần tử mảng. |
Thêm ví dụ
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(" ");
}
Hãy tự mình thử »Hướng dẫn về mảng:
Hỗ trợ trình duyệt
map()
là một tính năng của ECMAScript5 (ES5).
ES5 (JavaScript 2009) được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại kể từ tháng 7 năm 2013:
Chrome 23 | IE/Edge 11 | Firefox 21 | Safari 6 | Opera 15 |
Sep 2012 | Sep 2012 | Apr 2013 | Jul 2012 | Jul 2013 |