7 Baris JavaScript Keren yang Bikin Kamu Tampak Seperti Master Kode

Ini bukan sekadar peretasan kode acak – ini adalah solusi nyata yang dapat benar-benar membersihkan pemrograman Anda.

1. Singkatan Properti Objek

Ingatkah Anda pada masa JavaScript lama ketika kita menuliskan setiap properti?

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

Berikut cara yang lebih baik untuk melakukannya:

const user = { name, age };

2. Menukar Variabel Tanpa Variabel Sementara

Perlu menukar dua variabel? Gunakan ini:

[a, b] = [b, a];

Pertama kali melihat trik ini, dijamin kamu bakal tercengang! Destructuring array bikin proses tukar-menukar variabel jadi super simpel dan elegan. Nggak perlu variabel sementara atau logika ribet cukup satu baris kode yang murni keren!

3. Operator Nullish Coalescing: Sahabat Baru Anda

Pernah nggak sih kamu nulis logika panjang cuma buat ngecek nilai default? Ribet banget, kan?

const userPreference = input !== null && input !== undefined ? input : 'default';

Kalo sekarang:

const userPreference = input ?? 'default';

Operator kecil ini, ??, adalah penyelamat hidup Dia hanya akan mengembalikan nilai default kalau nilainya null atau undefined nggak bakal tersangkut kalau nilainya 0 atau string kosong.

4. Deduplikasi Array Terbaik

Jika Anda ingin membuat array Anda unik, lakukan hal berikut:

const unique = [...new Set(array)];

Dulu, kita mungkin bakal pakai loop panjang lebar. Tapi sekarang? cukup pakai spread operator dengan Set kapan pun dibutuhkan. Simpel, rapi, dan bikin hidup lebih mudah!

5. Mengonversi ke Boolean Seperti Seorang Bos

Alih-alih menulis value === true atau Boolean(value).

Berikut cara yang pasti lebih baik:

const isTrue = !!value;

Tanda seru ganda (!!) mungkin kelihatan seperti kamu lagi super bersemangat , tapi sebenarnya itu trik pintar buat mengonversi nilai apapun jadi boolean.

6. Konversi Angka Cepat yang Benar-Benar Masuk Akal

Jika Anda ingin mengonversi string menjadi angka? Lupakan parseInt() sejenak, gunakan ini sebagai gantinya:

const number = +'42';

Tanda plus yang kesepian itu melakukan semua pekerjaan berat di sini dan secara akurat mengubah angka string menjadi angka.

7. Operator Halus (Chaining Opsional)

Jangan lakukan ini lagi:

const userCity = user && user.address && user.address.city;

Cara yang jauh lebih baik:

const userCity = user?.address?.city;

Kesimpulan :

JavaScript terus menawarkan fitur-fitur canggih yang membuat kode lebih ringkas, elegan, dan efisien. Dari destructuring hingga operator ?? dan +, semuanya menyederhanakan proses coding, menghemat waktu, dan meningkatkan produktivitas. Dengan menggunakan trik ini, kode kamu jadi lebih bersih dan profesional.