Map әдісі
map әдісі массивтің әрбір элементі үшін
берілген функцияны қолдануға мүмкіндік береді.
Бұл ретте әдіс бастапқы массивті өзгертпейді,
әлдеқайда өзгертілген массивті қайтарады.
Әдіс параметр ретінде массивтің әрбір элементі
үшін орындалатын функцияны алады.
Бұл функцияның return арқылы қайтаратыны
массив элементінің жаңа мәні болады (мысалдарды қараңыз).
Функцияға 3 параметр беруге болады.
Егер бұл параметрлер бар болса (олар міндетті емес),
онда біріншісіне автоматты түрде массив элементі,
екіншісіне оның массивтегі нөмірі (индексі),
ал үшіншісіне массивтің өзі ауысады.
Синтаксис
let жаңа массив = массив.map(function(элемент, индекс, массив) {
код
return өзгертілген элемент;
});
Мысал
Әрбір элементі бастапқы массивтің сәйкес элементінен екі есе үлкен массив құрайық:
let arr = [1, 2, 3, 4, 5];
let res = arr.map(function(elem) {
return elem * 2;
});
console.log(res);
Кодты орындау нәтижесі:
[2, 4, 6, 8, 10]
Мысал
Әрбір элементі мынадай түрде алынатын массив құрайық - элементтің мәні оның массивтегі реттік нөміріне көбейтіледі:
let arr = [1, 2, 3, 4, 5];
let res = arr.map(function(elem, index) {
return elem * index;
});
console.log(res);
Кодты орындау нәтижесі:
[0, 2, 6, 12, 20]
Мысал
Қажет болған жағдайда үшінші параметрге массивтің өзін беруге болады:
let arr = [1, 2, 3, 4, 5];
let res = arr.map(function(elem, index, arr) {
бұл жерде arr массивіне қол жеткізу болады
});
Мысал
map әдісін көпөлшемді массивтерді айналымдау үшін де
пайдалануға болады. Мысалы, мынадай массив берілген делік:
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
Осы массивті map арқылы айналып шығып,
оның элементтерін консольге шығарайық:
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let result = arr.map(function(elem) {
console.log(elem);
});
Нәтижесінде console.log алдымен [1,
2, 3], сосын [4, 5, 6], содан кейін
[7, 8, 9] шығарады.
Көріп отырғаныңыздай, elem айнымалысына
ішкі массивтер түседі. Енді әрбір ішкі массивке
map әдісін қолданып, оның әрбір элементін квадратқа шығарайық:
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let result = arr.map(function(elem) {
return elem.map(function(num) {
return num * num;
});
});
console.log(result);
