Arrow Function Expression

Run Settings
LanguageJavaScript
Language Version
Run Command
/*ES6 memperkenalkan fungsi baru yang dinamakan arrow function expression atau lebih dikenal sebagai arrow function. Arrow function mirip seperti regular function secara perilaku, namun penulisannya jauh berbeda. Sama seperti namanya, fungsi didefinisikan dengan menggunakan tanda panah (=>) dan tentu penulisan fungsi dengan arrow ini akan lebih singkat. */ // contoh penulisan regular fungsi const upperizedNames = ['Dimas', 'Hifni', 'Rizki'] .map(function(name){ return name.toUpperCase(); }); /* map() berfungsi utk merubah semua elemen di dalam array menjadi elemen dgn nilai yang baru, contoh nya disamping kita merubah huruf menjadi kapital semua Apa yang dilakukan : Melintasi array dari kiri ke kanan dan memanggil fungsi callback ke setiap elemen. Setelah semua elemen berhasil dilintasi, fungsi map() mengembalikan array baru dengan elemen-elemen yang baru. array.map( function(element, index, array) { ... }, thisArgument); Parameter : 1.element (nilai dari elemen) 2.index (index dari tiap lintasan, dari kiri ke kanan ( 0 ke N ) ) 3.array (array semula yang memanggil fungsi ini) 4.thisArgument ( Opsional, object yang akan di arahkan sebagai this di dalam fungsi callback ) */ console.log(...upperizedNames); // contoh ketika menggunakan arrow function const upperizedNamesArrow = ['Hifni', 'Hami', 'Amara'] .map(name => name.toUpperCase()); // tanda panah (=>) di letakkan diaantara parameter dan kode fungsinya. console.log(... upperizedNamesArrow);
Editor Settings
Theme
Key bindings
Full width
Lines