Pengantar Tipe Data dalam JavaScript

Tipe data mendefinisikan tipe dan perilaku data—ini memberi tahu kompiler atau juru bahasa bagaimana seorang programmer bermaksud menggunakan sepotong data. Sebagian besar bahasa pemrograman mendukung tipe data dasar seperti angka, boolean, string, dll.

JavaScript mendukung delapan tipe data: Number, BigInt, Boolean, String, Null, Undefined, Symbol, dan Object. Dalam artikel ini, Anda akan mempelajari tentang kedelapan tipe data JavaScript dan cara menggunakannya.

Tipe Data JavaScript

Tipe data dalam JavaScript dapat secara luas diklasifikasikan menjadi dua kategori: tipe data primitif dan tipe data non-primitif. Objek adalah tipe data non-primitif atau kompleks, dan sisanya adalah tipe data primitif.

JavaScript adalah bahasa yang diketik secara dinamis, artinya tipe variabel diperiksa selama run-time. Variabel yang sama dapat menyimpan nilai dari tipe yang berbeda setiap saat.

Sebagai contoh:

// x adalah string
misalkan x = "Halo, Dunia";
// x adalah bilangan
x = 100;
// x sekarang menjadi boolean
x = benar;

Jika Anda ingin menemukan tipe data variabel saat ini, gunakan jenis operator.

// x adalah string
misalkan x = "Halo, Dunia";
console.log (tipe (x));
// x adalah bilangan
x = 100;
console.log (tipe (x));
// x sekarang menjadi boolean
x = benar;
console.log (tipe (x));

Keluaran:

rangkaian
nomor
boolean

1. Tipe Data Angka dalam JavaScript

Tipe data angka dalam JavaScript menggunakan IEEE-754 format untuk mewakili bilangan bulat dan bilangan floating-point. Anda dapat melakukan banyak operasi pada angka dalam JavaScript seperti penambahan, pengurangan, pembagian, perkalian, dan sebagainya. Untuk melakukan operasi yang lebih kompleks, Anda dapat menggunakan built-in objek matematika.

Beberapa contoh untuk membuat angka dalam JavaScript:

// Menggunakan deklarasi literal
misalkan n1 = 100;
misalkan n2 = 456.234;
// Menggunakan konstruktor Number()
misalkan n3 = Bilangan (100);
// Konversi ke bilangan bulat
biarkan n4 = Number.parseInt("456.234");
// Konversi ke float
biarkan n5 = Number.parseFloat("456.234");
biarkan n6 = Number.parseFloat("1.13e3");
// Konversi unary ke angka
misalkan n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Keluaran:

100
456.234
100
456
456.234
1130
345

Bilangan Bulat

Pernyataan berikut membuat variabel yang memegang bilangan bulat:

misalkan x = 21;

Jika Anda ingin membuat literal oktal (basis 8), Anda perlu menggunakan 0o awalan dengan urutan digit oktal (digit dari 0 sampai 7).

misalkan x = 0o53;
console.log (x);

Keluaran:

43

Demikian pula, jika Anda ingin membuat literal heksadesimal (basis 16), gunakan: 0x awalan dengan urutan digit heksadesimal (0 sampai 9, dan A sampai F).

misalkan x = 0x53;
console.log (x);

Keluaran:

83

Angka Titik Mengambang

Pernyataan berikut membuat variabel yang memegang angka floating-point:

misalkan x = 324.56;

Anda dapat menggunakan e-notasi untuk mewakili angka yang sangat besar atau sangat kecil.

misalkan x = 1,13e6;
console.log (x);

Keluaran:

1130000

JavaScript juga menyediakan nilai numerik khusus lainnya yang dimiliki oleh nomor tipe data—NaN, Infinity, dan -Infinity.

• NaN: NaN berdiri untuk Bukan Angka yang berarti nomor yang tidak valid. Misalnya, jika Anda membagi string dan angka, hasilnya adalah NaN.

  console.log("MakeUseOf"/10);

  Keluaran:

  NaN

  Yang cukup menarik, NaN tidak sama dengan apapun, termasuk dirinya sendiri.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  console.log (NaN NaN);

  Keluaran:

  Salah
  Salah
  Salah

  Juga, jika ekspresi matematika di suatu tempat mengandung NaN, hasilnya selalu NaN.
• Tak terhingga dan -Tak terhingga: ketakterbatasan dan -Ketakterbatasan mewakili matematika ∞ dan -∞ masing-masing.

2. Tipe Data BigInt dalam JavaScript

BigInt adalah tipe data primitif dalam JavaScript yang dapat mewakili bilangan bulat dengan presisi arbitrer. Karena tipe data angka tidak dapat mewakili nilai yang lebih besar dari (2⁵³-1) atau nilai yang kurang dari -(2⁵³-1), BigInt digunakan dalam kasus tersebut untuk mewakili angka yang sangat besar atau kecil.

Nomor BigInt jarang digunakan. Tetapi jika Anda benar-benar perlu mewakili angka besar, mis. untuk kriptografi, menghitung faktorial dari besar angka, mewakili massa matahari, stempel waktu presisi mikrodetik, dan sebagainya, BigInt adalah yang Anda inginkan menggunakan.

Anda dapat membuat nilai BigInt dengan menambahkan n ke akhir bilangan bulat atau dengan menggunakan konstruktor.

biar besar1 = 78649264972634817648747234872634876243862348763467547n;
biarkan big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (besar1);
console.log (besar2);

Keluaran:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Tipe data BigInt adalah tambahan bahasa yang relatif baru dan saat ini didukung oleh hampir semua browser kecuali Internet Explorer.

3. Tipe Data Boolean dalam JavaScript

Tipe data boolean dapat memiliki dua nilai: benar dan Salah. Nilai Boolean adalah hasil dari perbandingan logika.

misalkan x1 = benar;
console.log (x1);
misalkan x2 = !benar;
console.log (x2);
misalkan x3 = !!benar;
console.log (x3);
misalkan x4 = (salah && benar);
console.log (x4);
misalkan x5 = (salah || benar);
console.log (x5);
misalkan x6 = (2 == "2");
console.log (x6);
misalkan x7 = (2 "2");
console.log (x7);
biarkan x8 = (null undefined);
console.log (x8);
misalkan x9 = (0 == "");
console.log (x9);
misalkan x10 = (100 > 12);
console.log (x10);

Keluaran:

benar
Salah
benar
Salah
benar
benar
Salah
Salah
benar
benar

Anda dapat mengonversi nilai dari tipe data lain apa pun ke tipe data boolean menggunakan: Boolean() fungsi.

// String
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Angka
console.log (Boolean (0));
console.log (Boolean (1));
console.log (Boolean(-1));
console.log (Boolean (NaN));
console.log (Boolean (Tak Terbatas));
// Yang lain
console.log (Boolean([1, 2, 3]));
console.log (Boolean (tidak ditentukan));
console.log (Boolean (null));

Keluaran:

Salah
benar
benar
Salah
benar
benar
Salah
benar
benar
Salah
Salah

4. Tipe Data String dalam JavaScript

String adalah urutan nol atau lebih karakter. String dalam JavaScript tidak dapat diubah dan terutama digunakan untuk mewakili data tekstual. Pengindeksan string dimulai dari 0 yaitu, elemen pertama berada pada indeks 0, yang kedua pada 1, dan seterusnya.

String harus diapit oleh tanda kutip. Anda dapat menggunakan salah satu dari tiga jenis tanda kutip untuk membuat string: Tanda kutip tunggal, Tanda kutip ganda, atau Backticks.

Tanda kutip tunggal dan ganda praktis melakukan hal yang sama, tetapi string yang dimulai dengan tanda kutip ganda harus diakhiri dengan tanda kutip ganda. Aturan yang sama juga berlaku untuk kutipan tunggal.

biarkan str1 = "Hai";
biarkan str2 = 'Hai';
let str3 = "Apa kabar?";
// Menggunakan \ untuk keluar dari tanda kutip tunggal (')
let str4 = 'Apa kabar?';

Backticks adalah literal template dan menyediakan beberapa fungsionalitas yang diperluas. Anda dapat menyematkan variabel, ekspresi, dan bahkan panggilan fungsi di dalam string.

// Menanamkan variabel di dalam string
misalkan x = "Halo";
let str1 = `${x}, Apa kabar?`;
console.log (str1);
// Menyematkan ekspresi di dalam string
misalkan str2 = `Jumlah 20 + 30 adalah: ${20 + 30}`;
console.log (str2);
// Menanamkan panggilan fungsi dalam string
fungsi hitungJumlah (a, b) {
kembali a + b;
}
misalkan str3 = `Jumlah 20 + 30 adalah: ${calculateSum (20, 30)}`;
console.log (str3);

Keluaran:

Halo, apa kabar?
Jumlah 20 + 30 adalah: 50
Jumlah 20 + 30 adalah: 50

JavaScript juga menyediakan beberapa metode String untuk memanipulasi string.

5. Tipe Data Null dalam JavaScript

Tipe data null hanya memiliki satu nilai: batal. Ini mewakili ketidakhadiran yang disengaja dari nilai objek apa pun.

biarkan n = nol;

Banyak programmer bingung antara null dan undefined. Sulit untuk dipahami perbedaan antara null dan undefined dalam JavaScript.

6. Tipe Data Tidak Terdefinisi dalam JavaScript

Tipe undefined adalah tipe khusus yang berarti "nilai tidak ditetapkan". Saat Anda mendeklarasikan variabel tetapi tidak menginisialisasinya, nilai yang tidak ditentukan ditetapkan ke variabel.

biarkan x;
console.log (tipe (x));

Keluaran:

tidak terdefinisi

Anda dapat secara eksplisit menetapkan undefined ke variabel, tetapi sangat disarankan untuk menghindarinya.

Terkait: Metode Penyetelan JavaScript yang Harus Anda Kuasai Hari Ini

7. Tipe Data Simbol dalam JavaScript

Simbol adalah nilai primitif yang unik dan tidak dapat diubah. Ini terutama digunakan untuk membuat pengidentifikasi unik untuk objek.

Anda dapat membuat simbol menggunakan Simbol() fungsi. Itu juga menerima deskripsi opsional (nama), tetapi hanya untuk tujuan debugging.

biarkan sym1 = Simbol();
biarkan sym2 = Simbol("data");

NS Simbol() function membuat nilai unik baru setiap kali dipanggil, bahkan jika Anda membuat simbol dengan deskripsi yang sama, nilainya akan berbeda.

console.log (Simbol() == Simbol());
console.log(Simbol("data") == Simbol("data"));

Keluaran:

Salah
Salah

Terkait: Metode Peta JavaScript yang Harus Anda Kuasai Hari Ini

8. Tipe Data Objek dalam JavaScript

Dalam JavaScript, objek adalah kumpulan pasangan nilai kunci, di mana kuncinya adalah string dan nilainya dapat berupa tipe data apa pun.

Anda dapat membuat objek kosong di JavaScript menggunakan sintaks "konstruktor objek" (objek baru()) atau sintaks "object literal" (kurung kurawal {...}).

biarkan obj1 = objek baru();
misalkan obj2 = {};

Setiap objek berisi daftar properti opsional, di mana properti adalah kunci: pasangan nilai. Anda dapat mengakses nilai dari objek menggunakan notasi titik atau notasi seperti array (tanda kurung siku).

misalkan obj = {
"kunci1": "nilai1",
"kunci2": "nilai2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Keluaran:

nilai1
nilai2

Bagaimana Cara Kerja JavaScript?

JavaScript adalah salah satu bahasa pemrograman paling populer di web saat ini. Anda dapat menggunakan JavaScript untuk membuat situs web, aplikasi web, aplikasi server, game, aplikasi seluler, dll. Cukuplah untuk mengatakan, Anda dapat melakukan hampir semua hal yang dapat Anda pikirkan dengan JavaScript.

Tapi tahukah Anda bagaimana cara kerja JavaScript di bawah tenda?

Apa Itu JavaScript dan Bagaimana Cara Kerjanya?

Jika Anda mempelajari pengembangan web, inilah yang perlu Anda ketahui tentang JavaScript dan cara kerjanya dengan HTML dan CSS.

Baca Selanjutnya

Tentang Penulis