Selasa, 06 September 2022

6 Shorthand Javascript yang Perlu Anda 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.

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:

const email = user.email;
const name = user.name
const bio = user.bio

Hal ini bisa lebih mudah di lakukan dengan hanya seperti:

const {email, name, bio} = user;

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

// Long
const hours = time[0];
const minutes = time[1];
const seconds = time[2];

// Short
const [hours, minutes, seconds] = time;

Filter Falsy Values

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

// Long
names.filter(name => number !== null && number !== undefined);

// Short
names.filter(Boolean);

Array Includes

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

// Long
if (status === 'unpublished' || status === 'preview' || status === 'unlisted') {
	//
}

// Short
['unpublished', 'preview', 'unlisted'].includes(status);

Optional Chaining

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

// Long
if (user && user.experiences && user.experiences[i]) {
	experience = user.experiences[i].description;
}

// Short
experience = user?.experiences?.[i]?.description;

Default Values

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

// Long
let name;
if (user === null || user === undefined) {
	name = 'Irsyad';
}

// Short
const name = user ?? 'Irsyad'

For Loops

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

for (let i = 0; i < arr.length; i++) {
	const item = arr[i];
}

// Short 1
arr.forEach(item => {})

// Short 2
for (let item of arr) {}

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

Karteil
Destinasi Utama Belajar Online dengan Format Tulisan yang Elegan
Kunjungi Sekarang