Javascript map() function

Map merupakan sebuah fungsi yang dapat anda gunakan pada Javascript untuk membuat array baru melalui kondisi tertentu dengan inputan data yang berasal dari array yang akan dimanipulasi, kode akan terlihat lebih clean daripada menggunakan for-loop.

Berikut contoh kode yang buruk

const students = ["Bob", "Alice", "Robert"];
const greetStudents = [];

for (let i = 0; i < students.length; i++) {
  greetStudents.push(`Hello, ${students[i]}!`);
}

console.log(greetStudents);

Output:
[ 'Hello, Bob!', 'Hello, Alice!', 'Hello, Robert!' ]

Berikut contoh kode yang clean

const students = ["Bob", "Alice", "Robert"];
const greetStudents = students.map((student) => `Hello, ${student}!`);

console.log(greetStudents);

Output:
[ 'Hello, Bob!', 'Hello, Alice!', 'Hello, Robert!' ]

Contoh kode yang lain jika mengunakan lodash

const _ = require("lodash");

const students = ["Bob", "Alice", "Robert"];
const greet = (student) => `Hello, ${student}!`;
const greetStudents = _.map(students, greet);

console.log(greetStudents);

Output:
[ 'Hello, Bob!', 'Hello, Alice!', 'Hello, Robert!' ]

Terlihat apabila anda menggunakan lodash, kode akan lebih mudah dibaca dan lebih terstruktur, karena bisa menghemat baris kode, agar tidak terlau panjang.

Referensi:
Lodash - map