6 Javascript Shorthands Yang Perlu Kamu Ketahui

Tanpa shorthand tentunya kode akan tetap jalan, namun jika bisa lebih cepat kenapa tidak. Dalam artikel ini kita akan membahas 5 shorthand javascript yang sering kita gunakan.

Destructuring

Hindari mendefinisikan variable satu persatu seperti:

1const email = user.email;
2const name = user.name
3const bio = user.bio
4
jsCopy

Hal ini bisa lebih mudah di lakukan dengan hanya seperti:

1const {email, name, bio} = user;
2
jsCopy

Jauh lebih mudah bukan dengan memakai teknik destructuring ini. Baik, berikut adalah contoh lain dari destructuring.

1// Long
2const hours = time[0];
3const minutes = time[1];
4const seconds = time[2];
5
6// Short
7const [hours, minutes, seconds] = time;
8
jsCopy

Filter Falsy Values

Kita bisa menggunakan filter(Boolean) untuk mendapatkan hasil true | false saja.

1// Long
2names.filter(name => number !== null && number !== undefined);
3
4// Short
5names.filter(Boolean);
6
jsCopy

Array Includes

Mungkin Anda sering menggunakan if statement yang terlalu panjang, sehingga membuat kode menjadi berantakan.

1// Long
2if (status === 'unpublished' || status === 'preview' || status === 'unlisted') {
3	//
4}
5
6// Short
7['unpublished', 'preview', 'unlisted'].includes(status);
8
jsCopy

Optional Chaining

Teknik ini adalah teknik favorit saya dalam menggunakan javascript. Kita bisa menampilkan data tanpa harus khawatir dengan data yang menghasilkan null.

1// Long
2if (user && user.experiences && user.experiences[i]) {
3	experience = user.experiences[i].description;
4}
5
6// Short
7experience = user?.experiences?.[i]?.description;
8
jsCopy

Default Values

Menggunakan teknik nullish coalescing lebih mantap dari pada harus membuat if statement.

1// Long
2let name;
3if (user === null || user === undefined) {
4	name = 'Irsyad';
5}
6
7// Short
8const name = user ?? 'Irsyad'
9
jsCopy

For Loops

Banyak memang cara untuk melakukan looping, tapi cara biasa yang Anda lakukan mungkin terlalu panjang.

1for (let i = 0; i < arr.length; i++) {
2	const item = arr[i];
3}
4
5// Short 1
6arr.forEach(item => {})
7
8// Short 2
9for (let item of arr) {}
10
jsCopy

Semoga aritkel ini bermanfaat ya. Intinya, jika kita bisa mengkode lebih cepat, kenapa harus lambat. Saya Irsyad, sampai jumpa di artikel selanjutnya.