Cara menggunakan tipe data di javascript

Setelah kita mempelajari cara menulis variabel di JavaScript, kita lanjutkan dengan memahami tipe data di JavaScript, dimana di dalam JavaScript terdapat berbagai macam tipe data mulai dari angka, teks hingga data yang kompleks berupa array dan objek.

Selanjutnya, tipe data dalam Javascript dibagi menjadi dua bagian: tipe data primitif (sederhana) dan tipe data objek

Tipe data primitif hanya memiliki satu nilai

• Nomor
• Rangkaian
• Boolean
• Batal
• Belum diartikan

Tipe data objek umum disebut tipe khusus yang perilaku kontennya dapat bervariasi, sebagai berikut

• Himpunan
• tanggal
• RegExp
• Peta dan Peta Minggu
• Tetapkan dan mingguSet

Tipe data angka

Tipe data bilangan adalah tipe data yang berisi bilangan, baik bilangan bulat maupun bilangan pecahan, dalam Javascript tidak membedakan tipe data bulat dengan bilangan pecahan, dan keduanya digabungkan menjadi tipe bilangan

Berikut adalah contoh cara mengisi variabel dengan tipe data angka pada Javascript

var data = 100; 
var ipk = 2.17;   
var hutang = -300;

console.log (data);  // 100  
console.log(ipk) ; //2.17
console.log(hutang) ; //-300

Tipe data string

Tipe data string berisi data teks, seperti "Halo dunia" namanya "Affanul", dan Javascript mendukung pembuatan string menggunakan tanda kutip tunggal ( ' ) dan tanda kutip ganda ( " )

nama = "Affanul Hakim";
console.log(nama);   // affanul hakim

belajar = 'Belajar Javascript Untuk Pemula';
console.log(belajar);   // Belajar Javascript Untuk Pemula

data = "1000";
console.log(data);    // 1000 (string)

Tipe Data Boolean

Tipe data boolean merupakan tipe data yang hanya memiliki dua nilai yaitu true dan false, tipe data ini sering digunakan untuk membuat logika program,. Struktur logika if, else, while, do while membutuhkan nilai boolean untuk mengontrol alur program

var benar = true;
var salah = false;

Nilai tipe data boolean ditulis dengan huruf kecil, tidak bisa menggunakan huruf besar

Tipe data kosong

Null adalah keadaan dimana data kosong, umumnya null sengaja diinputkan oleh programmer dalam membuat program

var contoh = null;
console.log(contoh);   // null

Tipe data tidak terdefinisi

undefined artinya data tidak terdefinisi, tetapi berbeda dengan null, biasanya nilai undefined dihasilkan oleh Javascript dan kebanyakan karena kesalahan program, misalnya kita mendefinisikan variabel tetapi tidak memberikan nilai maka variabel ini akan berisi data yang tidak terdefinisi

var data;
console.log (data);   // undefined

tipe data larik

Berisi sekumpulan tipe data, jika kita akan membuat banyak data dalam satu grup atau banyak data dalam satu variabel, maka kita menggunakan array, agar kode program menjadi sederhana seperti penulisannya

var pegawai = ["Hery", "Hakim", "Iwan", "Mazda"];
console.log (pegawai[0]); // Heri
console.log (pegawai[1]); // Hakim
console.log (pegawai[2]); // Iwan
console.log (pegawai[3]); // Mazda

Pada contoh di atas, variabel karyawan berisi berbagai macam data nama karyawan, dan untuk mengaksesnya kita hanya perlu memilih array sesuai dengan nomor urut karyawan pada array tersebut.

console.log (pegawai[3]); // Mazda

Tipe data tanggal

Untuk menampilkan tanggal dalam Javascript, Tanggal terdiri dari satu tahun, satu bulan, satu hari, satu jam, satu menit, satu detik, dan satu milidetik

new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

<script>
document.getElementById("demo").innerHTML = Date();
</script>

//  Wed Aug 26 2020 11:14:06 GMT+0700 (Western Indonesia Time)

Tipe Data RegExp

Ekspresi reguler adalah urutan karakter yang membentuk pola pencarian. Pola pencarian dapat digunakan untuk pencarian teks dan operasi penggantian teks

Untuk Map dan WeekMap, Set dan weekSet. akan kita bahas pada artikel berikutnya

Ok sobat terima kasih telah membaca artikel sampai selesai, semoga bermanfaat, semoga sukses penuh berkah. 🙂

Apa itu tipe data?

Sebelum membahas perbedaannya, mari kita pahami dulu apa itu tipe data. Tipe data adalah tipe data yang dapat disimpan, dimanipulasi, dan digunakan untuk memberi tahu komputer cara menginterpretasikan nilai atau datanya. Tipe data menentukan tipe data yang dimiliki oleh variabel dan tipe operasinya, seperti operasi matematika, logika dan sebagainya.

Tipe data biasanya dikategorikan menjadi dua kategori yaitu primitif dan non-primitif

• Data Primitif
  Tipe data primitif hanya dapat menyimpan satu nilai dalam satu waktu. Tipe data primitif dianggap sama jika nilainya sama
• Data non-primitif
  Tipe data non-primitif dapat menyimpan lebih dari satu nilai sekaligus. Tipe data non-primitif akan dianggap berbeda walaupun nilainya sama dan urutannya sama

Perbedaan antara tipe data primitif dan non-primitif

Selanjutnya mari kita bahas perbedaan keduanya dilihat dari beberapa aspek seperti

1. Jumlah nilai yang dapat disimpan

2. Ubah nilainya

3. Perbandingan
Kita dapat menggunakan operator triple equals (===) untuk membandingkan dua variabel atau passing, ini akan mengembalikan nilai Boolean (true atau salah).

Primitif, dianggap sama jika nilainya sama

Non-primitif, dianggap berbeda walaupun nilai dan urutannya sama, tetapi dianggap sama jika mengacu pada objek atau larik yang sama

Tipe Data Primitif

Dalam JavaScript ada tujuh tipe data primitif yang bisa kita gunakan, yaitu String, Number, BigInt, Boolean, Undefined, Null, dan a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> a> Simbol.

1. Rangkaian

Tipe data String digunakan untuk merepresentasikan data teks atau karakter. String dapat dibuat menggunakan tanda kutip tunggal atau ganda dan diakhiri dengan tanda kutip yang sama dan kita dapat menyisipkan karakter diantara tanda kutip tersebut, seperti contoh berikut.

Jika di dalam String terdapat tanda kutip tunggal, kita harus menggunakan tanda kutip ganda sebagai pembungkus String, dan sebaliknya.

Jika aturan ini tidak diikuti, kutipan yang kita tulis di String akan diperlakukan sebagai kutipan penutup. Selain String kita bisa menggunakan escape dengan menggunakan simbol backslash.

2. Nomor

Tipe data Angka atau angka dalam JavaScript mewakili bilangan positif dan negatif baik bulat (bilangan bulat) < /a> dan desimal (floating-point). Seperti contoh berikut.

Tipe data angka juga memiliki nilai khusus yaitu Infinity, -Infinity , NaN (Bukan Angka) dan 

Nilai tanpa akhir (Tak Terhingga, dan -Tak Terhingga ) yang dihasilkan dari pembagian bilangan selain 0 dibagi 0. Contoh tak terhingga.

Maka NaN atau Bukan Angka yang merupakan hasil operasi matematika yang tidak valid, seperti mengalikan angka dengan string dan segera. Ini contohnya

Nilai pada tipe data Angka memiliki batasan berikut.

Saat kita melakukan operasi matematika dengan nilai yang berada di luar jangkauan, JavaScript bisa menghasilkan nilai yang salah seperti contoh berikut

Pada kode operasi matematika di atas, kadang menghasilkan nilai benar, kadang salah. Jika hasil operasinya genap maka hasilnya benar, jika ganjil maka hasilnya salah. Oleh karena itu, tipe data BigInt diperkenalkan

3. BigInt

BigInt adalah tipe data baru yang diperkenalkan di ES2020. BigInt digunakan untuk menyimpan bilangan bulat tak terbatas seperti Number. Kita dapat melakukan operasi matematika dengan aman tanpa khawatir hasilnya salah.

Untuk membuat nilai dengan tipe data BigInt sama dengan Number, tetapi kita harus mengakhiri nilainya dengan huruf 'n', seperti contoh berikut.

Namun, ini hanya dapat digunakan pada bilangan bulat, tidak dapat digunakan pada bilangan desimal karena akan menghasilkan kesalahan berikut

Pada operasi matematika BigInt harus menggunakan nilai yang sama, jika tidak maka akan menghasilkan error seperti berikut.

4. Boolean

Boolean adalah tipe data yang hanya memiliki dua nilai, benar dan salah. Jika Anda membutuhkan tipe data yang hanya memiliki nilai benar atau salah saja (ya atau tidak), tipe data ini bisa menjadi pilihan yang tepat. Ini sebuah contoh.

5. Belum diartikan

Undefined adalah nilai yang diberikan saat variabel dideklarasikan tanpa inisialisasi atau tidak diberi nilai. Ini hanya berlaku untuk variabel let dan var, karena kita tidak dapat mendeklarasikan variabel const tanpa nilai. Ini sebuah contoh.

6. Batal

Null dapat digunakan untuk mewakili ketiadaan nilai objek yang disengaja. Kita dapat mengatur null ke variabel untuk menunjukkan bahwa saat ini variabel tersebut tidak memiliki nilai apa pun, tetapi nantinya akan memiliki variabel.

7. Simbol

Simbol adalah tipe data baru yang diperkenalkan di JavaScript ES2015. Nilai yang memiliki tipe data Simbol disebut "nilai Simbol".

Nilai simbol dibuat dengan menjalankan fungsi Simbol yang secara dinamis menghasilkan nilai unik karena nilai sebenarnya anonim, tidak dapat dilihat. Contohnya adalah sebagai berikut.

Simbol biasanya digunakan sebagai nama kunci saat menambahkan properti baru ke objek agar tidak menimpa properti dengan nama yang sudah ada. Dibuat seperti contoh berikut.

Tipe Data Non-primitif

Ada banyak tipe data non-primitive dalam JavaScript diantaranya Array, Object, Map, Setel, WeakMap, WeakSet, Tanggal dan seterusnya. Namun untuk saat ini kita hanya akan membahas yang paling sering digunakan yaitu Object dan Array.

1. Obyek

Object adalah tipe data kompleks yang memungkinkan kita untuk menyimpan kumpulan nilai dengan tipe data yang berbeda. Objek berisi properti yang didefinisikan sebagai pasangan kunci dan nilai (kunci dan nilai).

Dalam JavaScript kita dapat membuat objek dengan beberapa cara, yaitu menggunakan new Object(), Object. create(), atau menggunakan notasi literal. Kali ini kita akan menggunakan notasi literal, karena lebih mudah dibuat dan lebih sering digunakan.

Untuk membuat objek literal, properti kunci dan nilai dari suatu objek diapit atau dibungkus dengan kurung kurawal {}, jika memiliki lebih dari satu properti dipisahkan dengan koma.

Contoh di bawah membuat objek bernama obj, name adadalah kunci sedangkan diaz adalah nilai, serta usia.

Untuk mengakses suatu nilai tertentu pada suatu objek kita dapat menggunakan nama objek tersebut diikuti dengan tanda titik dan kunci yang nilainya ingin kita akses

Untuk mengubah nilai kunci objek sama dengan mengakses nilai, tetapi membutuhkan operator assignment = diik< /a>uti dengan nilai yang ingin dimasukkan.

Kita juga bisa menambahkan kunci dan nilai baru menggunakan metode yang sama seperti mengubah nilai, tetapi tentu saja kita perlu menggunakan nama kunci baru

2. Himpunan

Array adalah tipe objek yang dapat digunakan untuk menyimpan banyak nilai, tanpa properti mirip objek.

Array memiliki indeks mulai dari nol, dengan kata lain elemen atau nilai pertama dalam array memiliki indeks 0, elemen berikutnya memiliki indeks 1 dan seterusnya. Kita dapat menggunakan indeks untuk memanipulasi nilai.

Sama seperti objek, array juga dapat dibuat menggunakan new Array () atau array literal [ ].

Nilai dalam array literal harus diapit tanda kurung siku [], jika mmemiliki lebih dari satu nilai yang dipisahkan dengan koma. Kita dapat memasukkan jenis data apa pun ke dalam larik, termasuk larik dan objek.

Jika kita ingin mengakses elemen array maka gunakan kode seperti contoh berikut.

Jika kita ingin mengubah elemen array maka gunakan kode pada contoh berikut.

Itulah pembahasan kita kali ini, namun jangan khawatir kita akan melanjutkan pembahasan tentang JavaScript lainnya pada artikel selanjutnya. Anda bisa berlangganan artikel kami dengan cara memasukan email anda pada kolom disamping, agar tidak ketinggalan artikel terbaru dari kami

Bagi Anda yang tertarik mempelajari lebih lanjut tentang pemrograman javascript dan bahasa pemrograman lainnya, silakan kunjungi media sosial Xsis Academy untuk informasi lebih lanjut tentang Bootcamp Xsis Academy.

Selain itu, temukan juga video tutorial coding dari Tim Trainer Xsis Academy di channel ETG berikut

Apa saja tipe data dalam JavaScript?

Jenis data apa yang digunakan angka?

Apa itu tipe data primitif JavaScript?

Bagaimana cara menulis variabel yang benar?