Η μέθοδος flatMap

Η μέθοδος flatMap επιστρέφει έναν νέο πίνακα, δημιουργημένο αφού σε κάθε στοιχείο του αρχικού πίνακα εφαρμόστηκε callback, που καθορίστηκε στην παράμετρο της μεθόδου. Με την πρώτη ματιά η μέθοδος flatMap μοιάζει με την μέθοδο map, αλλά η κύρια διαφορά της είναι ότι πάντα επιστρέφει μονοδιάστατο πίνακα.

Σύνταξη

javascriptlet newArray = πίνακας.flatMap(συνάρτηση);

Παράδειγμα

Ας πάρουμε έναν νέο πίνακα, χρησιμοποιώντας την μέθοδο flatMap:

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

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

console.log(res);

Αποτέλεσμα εκτέλεσης κώδικα:

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

Παράδειγμα

Ας πάρουμε έναν νέο πίνακα από τον αρχικό, που αποτελείται από αριθμούς:

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

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

console.log(res);

Αποτέλεσμα εκτέλεσης κώδικα:

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

Παράδειγμα

Ας δοκιμάσουμε να εφαρμόσουμε την μέθοδο flatMap σε έναν πίνακα με πρώτο επίπεδο ένθεσης:

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

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

console.log(res);

Μετά την εκτέλεση του κώδικα θα δούμε ότι οι συνθήκες της συνάρτησης εφαρμόστηκαν στον υποπίνακα, θεωρώντας τον ως ένα στοιχείο. Γι' αυτό η κλήση αυτής της μεθόδου σε ένθετους πίνακες δεν έχει νόημα:

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

Παράδειγμα

Αν θέλουμε να μην ασχολούμαστε με το επίπεδο ένθεσης, αλλά να ενώσουμε ολόκληρο τον πίνακα, τότε χρησιμοποιούμε την παράμετρο Infinity:

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

let res = arr.flatMap(Infinity);

console.log(res);

Αποτέλεσμα εκτέλεσης κώδικα:

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

Παράδειγμα

Ας εφαρμόσουμε σε έναν πίνακα δύο μεθόδους: flatMap και map, και στην παράμετρο και των δύο μεθόδων θα οριστεί μια συνάρτηση, που κάνει τον πίνακα δισδιάστατο:

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

console.log('μέθοδος map', res1);
console.log('μέθοδος flatMap', res2);

Αποτέλεσμα εκτέλεσης κώδικα:

javascript'μέθοδος map' [[3], [6], [9], [12], [15], [18]]
'μέθοδος flatMap' [3, 6, 9, 12, 15, 18]

Δείτε επίσης