JavaScript Array flatMap ()

Metode JavaScript Array flatMap () pertama-tama memetakan setiap elemen menggunakan fungsi pemetaan, lalu meratakannya ke dalam array baru.

Sintaks dari flatMap()metode ini adalah:

 arr.flatMap(callback(currentValue),thisArg)

Di sini, arr adalah sebuah array.

Parameter flatMap ()

The flatMap()Metode mengambil di:

  • callback - Fungsi yang pertama kali dijalankan pada setiap elemen array. Dibutuhkan:
    • currentValue - Elemen saat ini sedang diteruskan dari larik.
  • thisArg (opsional) - Nilai untuk digunakan seperti thissaat menjalankan callback.

Kembalikan nilai dari flatMap ()

  • Mengembalikan larik baru setelah memetakan setiap elemen menggunakan callbackdan meratakannya ke kedalaman 1 .

Catatan :

  • The flatMap()Metode tidak mengubah array asli.
  • The flatMap()Metode setara dengan array.map().flat().

Contoh: Menggunakan metode flatMap ()

 const arr1 = (1, 2, 3, 4, 5); const newArr1 = arr1.flatMap((x) => (x ** 2)); console.log(newArr1); // ( 1, 2, 3, 4, 5 ) // can also be done as const intermediate = arr1.map((x) => (x ** 2)); console.log(intermediate); // ( ( 1 ), ( 4 ), ( 9 ), ( 16 ), ( 25 ) ) const newArr2 = intermediate.flat(); console.log(newArr2); // ( 1, 4, 9, 16, 25 ) const numbers = (1, 2, 3, 4, 5, 6, 7); // remove odd and split even element to two half elements function func(n) ( if (n % 2 === 0) ( return (n / 2, n / 2); ) else ( return (); ) ) const newArr3 = numbers.flatMap(func); console.log(newArr3); // ( 1, 1, 2, 2, 3, 3 )

Keluaran

 (1, 4, 9, 16, 25) ((1), (4), (9), (16), (25)) (1, 4, 9, 16, 25) (1, 1, 2, 2, 3, 3)

Bacaan yang Disarankan: JavaScript Array flat ()

Artikel yang menarik...