This content originally appeared on DEV Community and was authored by Khafid Prayoga
Map merupakan sebuah fungsi yang dapat anda gunakan pada Javascript untuk membuat array baru dengan kondisi tertentu dengan inputan data yang berasal dari array yang akan dimanipulasi, kode anda akan terlihat lebih clean daripada anda 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
This content originally appeared on DEV Community and was authored by Khafid Prayoga
Khafid Prayoga | Sciencx (2022-01-26T13:52:53+00:00) Javascript map() function. Retrieved from https://www.scien.cx/2022/01/26/javascript-map-function/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.