flatMap методи

flatMap методи янги массивни қайтаради, у бошланғич массивнинг ҳар бир элементига метод параметрида кўрсатилган коллбэк қўлланилгандан сўнг яратилади. Бир қарашда 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]

Ҳам қаранг