Metoda flatMap

Metoda flatMap kthen një grup të ri, të krijuar pasi çdo elementi të grupit burimor i është aplikuar callback, i specifikuar në parametrin e metodës. Në shikim të parë metoda flatMap ngjan me metodën map, por ndryshimi i saj kryesor është se ajo gjithmonë kthen një grup njëdimensional.

Sintaksa

javascriptlet newArray = array.flatMap(function);

Shembull

Le të marrim një grup të ri, duke përdorur metodën flatMap:

javascriptlet arr = ['a', 'b', 'c'];

let res = arr.flatMap(function(elem) {
  return elem + '!';
});

console.log(res);

Rezultati i ekzekutimit të kodit:

javascript['a!', 'b!', 'c!']

Shembull

Le të marrim një grup të ri nga grupi burimor, i përbërë nga numra:

javascriptlet arr = [1, 2, 3, 4, 5];

let res = arr.flatMap(function(elem) {
  return elem + 2;
});

console.log(res);

Rezultati i ekzekutimit të kodit:

javascript[3, 4, 5, 6, 7]

Shembull

Le të përpiqemi të aplikojmë metodën flatMap në një grup me nivelin e parë të folezimit:

javascriptlet arr = [1, 2, 3, [4, 5]];

let res = arr.flatMap(function getElem(elem){
  return elem + 2;
});

console.log(res);

Pas ekzekutimit të kodit ne do të shohim se kushtet e funksionit u aplikuan nën-grupit, duke e konsideruar atë si një element. Prandaj thirrja e kësaj metode në grupet e folura nuk ka kuptim:

javascript[3, 4, 5, '4,52']

Shembull

Nëse duam të mos shqetësohemi me nivelin e folezimit, por të bashkojmë të gjithë grupin, atëherë përdorim parametrin Infinity:

javascriptlet arr = ['a', 'b', ['c', 'd', ['e', 'f', ['g', 'h', ['i']]]]];

let res = arr.flatMap(Infinity);

console.log(res);

Rezultati i ekzekutimit të kodit:

javascript[
  'a', 'b', 'c',
  'd', 'e', 'f',
  'g', 'h', 'i'
]

Shembull

Le të aplikojmë në grup dy metoda: flatMap dhe map, ku në parametrin e të dy metodave do të specifikohet një funksion që e bën grupin dydimensional:

javascriptlet arr = [1, 2, 3, 4, 5, 6];
let res1 = arr.map(elem => [elem * 3]);
let res2 = arr.flatMap(elem => [elem * 3]);

console.log('metoda map', res1);
console.log('metoda flatMap', res2);

Rezultati i ekzekutimit të kodit:

javascript'metoda map' [[3], [6], [9], [12], [15], [18]]
'metoda flatMap' [3, 6, 9, 12, 15, 18]

Shihni gjithashtu