JavaScript - typeof Operator (ID)

Selamat datang, para pemrogram yang sedang berkembang! Hari ini, kita akan melakukan perjalanan yang menarik ke dunia JavaScript, khususnya mengexploreasi operator typeof. Jangan khawatir jika Anda baru dalam dunia pemrograman; saya akan mengajarkan Anda konsep ini secara langkah demi langkah, seperti yang telah saya lakukan bagi ribuan siswa selama tahun-tahun ini. Jadi, ambil minuman favorit Anda, duduk nyaman, dan mari kita masuk ke dalam!

Operator typeof

Bayangkan Anda adalah seorang detektif di dunia JavaScript, dan pekerjaan Anda adalah mengidentifikasi jenis data yang berbeda. Itu tepat apa yang dilakukan operator typeof! Itu seperti sebuah kaca pembesar yang membantu kita menentukan jenis nilai atau ekspresi di JavaScript.

Sintaks

Menggunakan operator typeof adalah sama mudahnya makan pai (dan siapa yang tidak suka pai?). Berikut cara Anda melakukannya:

typeof operand
// atau
typeof(operand)

Kedua bentuk ini bekerja sama-sama, jadi pilihlah yang Andaanggap lebih cantik. Saya secara pribadi lebih suka yang pertama karena lebih sedikit huruf yang ditulis, dan mari kita承认, para pemrogram adalah tentang efisiensi!

Jenis Data Yang Dikembalikan Oleh Operator typeof

Sekarang, mari kita lihat jenis yang berbeda yang typeof dapat mengidentifikasi. Itu seperti sebuah menu rasa data di JavaScript:

Jenis Data	typeof Mengembalikan
Number	"number"
String	"string"
Boolean	"boolean"
Symbol	"symbol"
Undefined	"undefined"
Null	"object"
Object	"object"
Function	"function"
BigInt	"bigint"

Jangan khawatir jika beberapa jenis ini tampak tidak familiar. Kita akan mengeksplorasi masing-masing dengan contoh yang akan membuat Anda berkata "Aha!"

Operator typeof JavaScript untuk Memeriksa Jenis Number

Mari kita mulai dengan angka. Dalam JavaScript, angka adalah seperti blok bangunan operasi matematika.

console.log(typeof 42);        // "number"
console.log(typeof 3.14);      // "number"
console.log(typeof -10);       // "number"
console.log(typeof Infinity);  // "number"
console.log(typeof NaN);       // "number"

Kaget! Bahkan Infinity dan NaN (Bukan-Sebuah-Angka) dianggap sebagai angka di JavaScript. Itu seperti menyebut hot dog sebagai sandwich – sedikit mengejutkan, tapi itu cara JavaScript berjalan!

Operator typeof JavaScript untuk Memeriksa Jenis String

String seperti wrapper data – mereka memegang isi teks.

console.log(typeof "Hello, World!");  // "string"
console.log(typeof '42');             // "string"
console.log(typeof ``);               // "string"

Perhatikan bagaimana '42' dalam tanda kutip adalah string, bukan angka. Itu seperti mendandani angka dalam kostum teks!

Operator typeof JavaScript untuk Memeriksa Jenis Boolean

Boolean adalah ya/tidak, benar/salah dari pemrograman. Mereka seperti saklar cahaya – baik nyala atau mati.

console.log(typeof true);   // "boolean"
console.log(typeof false);  // "boolean"
console.log(typeof (1 > 2)); // "boolean"

Contoh terakhir menunjukkan bahwa perbandingan menghasilkan boolean. Itu seperti bertanya, "Apakah 1 lebih besar dari 2?" dan mendapat jawaban langsung "Tidak!" (false) kembali.

Operator typeof JavaScript untuk Memeriksa Jenis Symbol

Simbol adalah pengenal unik, seperti name tag di pesta tempat setiap orang memiliki nama yang berbeda.

console.log(typeof Symbol('unique'));  // "symbol"

Jangan khawatir terlalu banyak tentang simbol untuk sekarang. Mereka adalah anak cool ES6, tapi kita tidak melihat mereka di setiap pesta JavaScript.

Operator typeof JavaScript untuk Memeriksa Undefined dan Null

Disini hal-hal menjadi sedikit sulit, seperti trick magis di dunia pemrograman.

console.log(typeof undefined);  // "undefined"
console.log(typeof null);       // "object"

Tunggu, apa? null adalah objek? Ini sebenarnya adalah bug yang lama di JavaScript, tapi sudah ada begitu lama sehingga memperbaikinya mungkin akan merusak kode yang sudah ada. Itu seperti meja yang wobble di kedai kopi favorit Anda – merusak, tapi mengubahnya mungkin akan membuat pelanggan biasa kesal.

Operator typeof JavaScript untuk Memeriksa Jenis Object

Objek seperti wadah yang dapat memegang berbagai properti dan metode.

console.log(typeof {});           // "object"
console.log(typeof []);           // "object"
console.log(typeof new Date());   // "object"

Ya, array juga adalah objek! Itu seperti mengatakan bahwa daftar belanja adalah jenis dokumen – teknis benar, meskipun rasanya agak aneh.

Operator typeof JavaScript untuk Memeriksa Jenis Function

Fungsi seperti kata kerja pemrograman – mereka melakukan hal-hal!

console.log(typeof function() {});  // "function"
console.log(typeof console.log);    // "function"

Fungsi mendapatkan jenis khusus mereka sendiri. Itu seperti JavaScript mengatakan, "Anda istimewa, fungsi. Anda mendapatkan kategori sendiri!"

Operator typeof JavaScript untuk Memeriksa Jenis BigInt

BigInt adalah anak baru di lingkungan, diperkenalkan untuk menangani angka yang sangat besar.

console.log(typeof 1n);  // "bigint"
console.log(typeof BigInt(1));  // "bigint"

Pikirkan BigInt sebagai juara berat kelas angka – saat angka biasa tidak cukup besar!

Operator typeof JavaScript dalam Pengembangan Real-Time

Dalam pengembangan dunia nyata, typeof sering digunakan untuk pemeriksaan jenis sebelum operasi. Itu seperti mengecek jika Anda memiliki bahan yang tepat sebelum memulai memasak.

function safeAdd(a, b) {
if (typeof a === "number" && typeof b === "number") {
return a + b;
} else {
return "Error: Both arguments must be numbers";
}
}

console.log(safeAdd(5, 10));  // 15
console.log(safeAdd("5", 10));  // "Error: Both arguments must be numbers"

Fungsi ini memeriksa jika kedua input adalah angka sebelum menambahkannya. Itu seperti seorang bouncer di klub "Numbers Only"!

Array JavaScript dan Operator typeof

Disini ada momen "gotcha" – ingatlah bahwa array adalah objek? mari kita lihatnya dalam aksi:

console.log(typeof [1, 2, 3]);  // "object"

Bagaimana kita memeriksa array? Kita gunakan metode khusus:

console.log(Array.isArray([1, 2, 3]));  // true
console.log(Array.isArray({a: 1}));     // false

Itu seperti memiliki detektor khusus untuk objek berbentuk array!

Dan itu dia, teman-teman! Kita telah melakukan perjalanan melalui tanah typeof di JavaScript. Ingat, latihan membuat sempurna, jadi mainkan dengan contoh ini. Sebelum Anda tahu, Anda akan menjadi ahli dalam pemeriksaan jenis! Selamat coding, dan semoga variabel Anda selalu jenis yang Anda harapkan!

Credits: Image by storyset