Metoda flatMap

Metoda flatMap vrací nové pole vytvořené poté, co na každý prvek původního pole byla aplikována callback funkce, zadaná v parametru metody. Na první pohled se metoda flatMap podobá metodě map, ale její hlavní rozdíl spočívá v tom, že vždy vrací jednorozměrné pole.

Syntaxe

javascriptlet newArray = pole.flatMap(funkce);

Příklad

Získejme nové pole pomocí metody flatMap:

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

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

console.log(res);

Výsledek provedení kódu:

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

Příklad

Získejme nové pole z původního pole sestávajícího z čísel:

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

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

console.log(res);

Výsledek provedení kódu:

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

Příklad

Zkusme aplikovat metodu flatMap na pole s první úrovní vnoření:

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

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

console.log(res);

Po provedení kódu uvidíme, že podmínky funkce byly aplikovány na podpole, které bylo považováno za jeden prvek. Proto je volání této metody na vnořená pole bezpředmětné:

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

Příklad

Pokud chceme řešit úroveň vnoření a sloučit celé pole, použijeme parametr Infinity:

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

let res = arr.flatMap(Infinity);

console.log(res);

Výsledek provedení kódu:

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

Příklad

Aplikujme na pole dvě metody: flatMap a map, přičemž v parametru obou metod bude zadána funkce, která vytvoří dvourozměrné pole:

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);

Výsledek provedení kódu:

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

Viz také