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
Top comments (0)