Metod flatMap

Metod flatMap vraća novi niz, kreiran nakon što se na svaki element početnog niza primeni callback, naveden u parametru metoda. Na prvi pogled metod flatMap liči na metod map, ali njegova glavna razlika je u tome što uvek vraća jednodimenzionalni niz.

Sintaksa

javascriptlet newArray = niz.flatMap(funkcija);

Primer

Hajde da dobijemo novi niz, koristeći metod flatMap:

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

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

console.log(res);

Rezultat izvršavanja koda:

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

Primer

Hajde da dobijemo novi niz iz početnog, koji se sastoji od brojeva:

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

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

console.log(res);

Rezultat izvršavanja koda:

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

Primer

Hajde da pokušamo da primenimo metod flatMap na niz sa prvim nivom ugnježdenosti:

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

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

console.log(res);

Nakon izvršavanja koda vidimo da su se uslovi funkcije primenili na podniz, računajući ga kao jedan element. Zato poziv ovog metoda na ugnježdenim nizovima nema smisla:

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

Primer

Ako ne želimo da se zamaramo sa nivoom ugnježdenosti, već da spojimo ceo niz, onda koristimo parametar Infinity:

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

let res = arr.flatMap(Infinity);

console.log(res);

Rezultat izvršavanja koda:

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

Primer

Hajde da primenimo na niz dva metoda: flatMap i map, pri čemu će u parametru oba metoda biti navedena funkcija koja niz čini dvodimenzionalnim:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe