Hai ketemu lagi dengan saya dan pada kali ini saya akan membuat postingan yang ringan-ringan saja yaitu tentang custom function di javascript yang sering saya gunakan. Jadi sebenarnya saya membuat postingan ini juga untuk saya karena saya suka malas kalo harus berkali-kali membuat function setiap saya membuat project, jadi kalo ada postingan ini saya tidak perlu membuatnya lagi karena cukup copas aja hehe… karena saya berprinsip “ngapain juga repot-repot nulis koding 100% orang tinggal copas juga lebih cepet buang-buang waktu aja harus nulis-nulis terus..” gitu jadinya ini adalah custom function yang berfungsi sebagai master bisa dimasukkan di custom.js. Copas itu boleh saja asalkan paham apa yang dicopas ya bukan asal copas aja. Maka dari itu sobat juga bisa BOOKMARK postingan ini jadi siapa tau kapan-kapan sobat membutuhkannya tinggal cari di bookmark browser.
Karena ini ada di javascript tentu bisa digunakan di bahasa pemrograman apapun dan framework apapun ya selama itu pemrograman web yang menggunakan javascript. Jadi ini biasa saya gunakan di PHP Native, Laravel, Code Igniter, Java Spring/Spring boot, dll dan saya gunakan full copas tanpa edit-edit lagi.
Pertama saya ingin bilang bahwa cari ini bukan cara convert/fungsi satu-satunya ya gan karena bisa juga dengan cara yang lain yang lebih singkat tapi saya lebih suka cara ini karena lebih mudah dimengerti. Oke langsung saja saya berikan function satu per satu dan karena banyak sekali jadi saya bagi menjadi beberapa kategori.
Baca juga :
Custom Function DATE pada Javascript yang Sering Digunakan
Custom Function DATETIME pada Javascript yang Sering Digunakan
Custom Function NUMBER/ANGKA/MATA UANG pada Javascript yang Sering Digunakan
Custom Function String pada Javascript yang Sering Digunakan
Custom Function Tambahan Plugin pada Javascript yang Sering Digunakan
MACAM-MACAM FUNGSI/CONVERT STRING
Selanjutnya kita akan membahas tentang convert format string yang berarti bisa mengconvert string bernjadi upper, lower, memotong string, dll.
1. Convert string menjadi besar semua (UPPER)
Ini adalah fungsi untuk membuat huruf dalam suatu kata atau kalimat menjadi besar semua biasanya digunakan seperti pada judul atau lainnya. Cara penggunaan upper(‘Contoh’)
|
1 2 3 4 5 6 7 8 9 10 |
//Contoh jadi CONTOH function upper(str){ let al = ""; if(str=="" || str==null || str=="null" || str==undefined){ al = ""; } else { al = str.toUpperCase(); } return al; } |
2. Convert string menjadi kecil semua (LOWER)
Ini adalah fungsi untuk membuat huruf dalam suatu kata atau kalimat menjadi kecil semua. Cara penggunaan lower(‘Contoh’)
|
1 2 3 4 5 6 7 8 9 10 |
//CONTOH jadi contoh function lower(str){ let al = ""; if(str=="" || str==null || str=="null" || str==undefined){ al = ""; } else { al = str.toLowerCase(); } return al; } |
3. Convert string menjadi Title Case
Fungsi ini untuk mengkonvert string entah kata atau huruf menjadi Title Case. Kalau di Microsoft Word kalau tidak salah namanya Sentence Case. Jadi yang besar hanya huruf awalnya saja dan ini biasanya untuk judul artikel supaya lebih rapi. Cara penggunaan toTitleCase(‘ dewan komputer’)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//dewan komputer jadi Dewan Komputer //DEWAN KOMPUTER jadi Dewan Komputer function toTitleCase(str) { if(str=="" || str==null || str=="null" || str==undefined){ return ""; } else { return str.replace( /\w\S*/g, function(txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); } ); } } |
4. Potong string pada tabel (Preview)
Fungsi ini sangat berguna pada saat menampilkan deskripsi pada tabel atau card, biasanya pada suatu artikel. Seperti yang sobat lihat pada artikel ini di beranda, tidak semua deskripsi muncul melainkan hanya berapa huruf saja dan di akhiri dengan ‘…’ itu memberikan kesan rapi. Cara penggunaan potongString(‘ dewan komputer’). Pada contoh dibawah jika kalimat lebih dari 30 huruf maka akan di potong dan sisanya menjadi ‘…’, namun jika kurang dari 30 huruf maka akan muncul full.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
/*Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. jadi Lorem ipsum dolor sit amet, co... */ function potongString(str){ var hasil = ""; if(str=="" || str==null || str=="null" || str==undefined){ hasil = ""; } else if(str.length > 30){ hasil = str.substr(0, 30) + "..."; } else { hasil = str; } return hasil; } |
5. Convert null ke kosong (”)
Ini adalah fungsi untuk pengecekan jika datanya null yang ditampilkan hanya kosong.
|
1 2 3 4 5 6 7 8 9 |
function checkNulltoKosong(str) { let al = ""; if(str=="" || str==null || str=="null" || str==undefined){ al = ""; } else { al = str; } return al; } |
6. Convert null ke Strip(‘-‘)
Ini adalah fungsi untuk pengecekan jika datanya null/kosong yang ditampilkan adalah minus.
|
1 2 3 4 5 6 7 8 9 |
function checkNulltoStrip(str) { let al = ""; if(str=="" || str==null || str=="null" || str==undefined){ al = "-"; } else { al = str; } return al; } |
Pada setiap fungsi kebanyakan terdapat pengecekan seperti ‘if(string==”” || string==null || string==”null” || string==undefined)’ itu fungsinya untuk apa? Bagi beberapa orang mungkin akan risih juga karena ada beberapa orang yang jika menuliskan sesuatu penginnya pendek aja mungkin bisa 1 baris saja dalam menuliskan fungsi. Namun saya tidak pasti selalu ada pengecekan itu karena jika null/undefined atau kosong itu dapat menyebabkan error pada suatu kasus, seperti seingat saya ya itu null/undefined kita replace maka akan membuat error atau masih banyak lagi yang saya tidak ingat. Jadi supaya aman selalu saya tambahkan pengecekan itu.
Sekian dulu custom function javascript karena ternyata banyak sekali dan saya sendiri jadi bingung scroll dan mencarinya jadi yang sebelumnya satu postingan saya pisah menjadi beberapa postingan berdasarkan kategori seperti custom function yang berhubungan dengan date, datetime, number, string dan masih banyak lagi. Dan ini saja masih belum semua jadi mungkin saya akan update lagi jika adaa kesempatan dan jika ada function baru yang saya gunakan.
mantap min, saya banyak belajar dari artikel artikel di web ini. makasih