duh udah lama nih gak main blog lagi, tapi se sekali boleh lah coret-coret di sini lagi, kali ini saya ingin sharing codingan javascript yang mempermudahkan kita sebagai programer javascript, contohnya itu sperti [...data, newdata] atau data?.data dll.
jenis codingan sperti contoh tsb sering di sebut codingan es6 yang mana cara codingnya mempermudah kita dalam nge maping data dan mempersingkat codingan kita
ada beberapa contoh codingan es6 yang saya gunakan ketika membuat sebuah proyek yaitu:
- ternary
- spread operator
- symbol
- includes
pertama ternary jika nanti teman teman sering menemukan sebuah kondisi sperti ini
- data.length > 0 && "tampilkan". === if (data.length> 0) { return "tampilkan}
- data.length > 0 ? "tampilkan" : "tutup" === if (data.length> 0) {return "tampilkan} else { return "tutup" }
yang kedua spread operator nah yang ini yang paling berfaedah di dalam sebuah proyek, contohnya sperti ini:
- [...data, newData] === data.push(newdata) atau data.map((value) { if (data === newdata) { return newdata} return data})
dari contoh diatas dapat kita simpulkan jika kita ingin menambahkan 1 data di dalam array atau ingin mereplace data yang sama namun ingin menggunakan data baru kita cukup menggunaka spread operator saja tidak perlu membuat 2 kondisi tsb.
yang ketiga yaitu symbol dengan ini kita bisa melakukan banyak hal sperti cek data sebuah array atau membuat sebuah initial jika data nya tidak ada, contohnya:
- data?.company || "-"
disini terdapat 2 symbol yaitu "?" dan "||", tanda tanya sendiri berfungsi untuk mengecek apakah variabel data empty atau tidak jika empty maka company tidak di perlu di check isinya lagi, sedangkan untuk symbol "||" untuk membuat data initial jika condisi pertama null atau undefined maka "-" akan menampilkan ini
yang keempat includes, function ini sangat berguna dalam mengecek sebuah data dengan kembalian boolean, contoh
- array.includes((val) => val === data)
dari kondisi diatas nilai balikan akan menjadi true jika didalam array terdapat data yang sama dengan variabel data, dan juga sebaliknya nilai akan menjadi false jika didalam array tidak terdapat data yang sama dengan variabel data.
0 comments:
Post a Comment