Belajar Javascript Dasar Part 5 –  Mengubah Tipe Data

Kalau di Belajar Javascript Part 4 kita sudah membahas berbagai jenis tipe data di JavaScript, sekarang saatnya masuk ke hal yang tidak kalah penting, yaitu bagaimana cara mengubah tipe data tersebut.

Dalam praktiknya, data yang kita gunakan tidak selalu datang dalam format yang sesuai. Kadang berupa string, padahal kita butuh angka untuk perhitungan. Di sinilah konsep konversi tipe data menjadi sangat penting dalam JavaScript.

Melalui artikel ini, Anda akan belajar cara mengubah tipe data di JavaScript dengan mudah, lengkap dengan contoh yang sering ditemui dalam kasus nyata.

Apa Itu Konversi Tipe Data di JavaScript?

Konversi tipe data adalah proses mengubah suatu nilai dari satu tipe data ke tipe data lainnya. Di JavaScript, proses ini bisa terjadi secara otomatis (implicit) maupun dilakukan secara manual (explicit).

Sebagai bahasa yang fleksibel, JavaScript memungkinkan perubahan tipe data dalam berbagai kondisi. Hal ini membuat developer lebih mudah dalam mengolah data, tetapi juga bisa menimbulkan kebingungan jika tidak dipahami dengan baik.

Contoh Konversi Tipe Data di JavaScript

Berikut adalah contoh sederhana konversi tipe data di JavaScript.

console.log("5" + 2); // "52"
console.log("5" - 2); // 3

Lho, kenapa bisa berbeda?

• + > hasilnya jadi gabung string
• – > hasilnya operasi matematika

Bagaimana caranya supaya saat menggunakan operator + maka dilakukan aksi penjumlahan. Jawabnya adalah, kita ubah terlebih dahulu tipe datanya dari string menjadi number. 

Konversi Eksplisit (Manual & Aman)

Konversi Eksplisit adalah cara manual untuk melakukan perubahan tipe data. Cara ini merupakan cara paling aman, karena kamu meminta langsung ke Javascript untuk merubah tipe data variabel sesuai dengan kebutuhan code program. 

1. Mengubah tipe data ke String

Ada 2 cara yang bisa kamu lakukan untuk mengubah tipe data ke string.

• Cara 1. Gunakan method String()

let nilai = 100;
let hasil = String(nilai);
console.log(hasil); // "100" sebagai string.

• Cara 2. Menggunakan .toString()

let status = false;
let teksStatus = status.toString();
console.log(teksStatus); // "false"

Contoh lainnya sebagai berikut:

let invoiceNumber = 123456789;

let display = "INV-" + invoiceNumber.toString();

console.log(display);

Perbedaan dalam penggunaannya adalah string() dapat kamu pakai ke hampir semua tipe data, sedangkan untuk .toString() hanya bisa kamu pakai kalau datanya bukan null atau undefined.

2. Mengubah tipe data ke Number

Konversi yang kedua adalah mengubah tipe data ke number menggunakan Number().

let inputUser = "1000";
let angka = Number(inputUser);
console.log(angka); // 10000

3. Mengubah tipe data ke Boolean

Untuk perubahan ke tipe data boolean menghasilkan nilai true atau false.

console.log(Boolean(1));        // true
console.log(Boolean("halo"));   // true
console.log(Boolean(0));        // false
console.log(Boolean(""));       // false

Sebagai catatan, berikut ini daftar nilai yang akan menghasilkan false di Boolean:

false
0
""        // string kosong
null
undefined
NaN

Selain daftar diatas, maka hasil Booleannya adalah true. 

Konversi Implisit (Dilakukan otomatis Oleh Javascript)

Sebagai informasi, Javascript memiliki kemampuan untuk mengubah otomatis tipe data sesuai kondisi. Namun cara ini ada resiko, yang mana hasilnya tidak sesuai yang kita inginkan bila kamu belum memahaminya.

Contoh 1. Gabung String

let umur = 17;
let teks = "Umur saya adalah " + umur;console.log(teks);

Contoh 2. Operasi Matematika

let nilai = "7";

let hasil = nilai * 3;
console.log(hasil);

Hasilnya adalah 21.

Contoh 3. Boolean Ikut hitungan

let diskon = true;

let harga = 10000 + diskon;
console.log(harga);

Hasilnya adalah 10001.

Penting: Pada operasi penjumlahan (+), hasilnya bisa berbeda jika tipe data belum diubah menjadi number, karena JavaScript akan menganggapnya sebagai penggabungan string, bukan perhitungan angka.

console.log("5" + 2); // hasilnya "52"
console.log("5" - 2); // hasilnya 3

Keterangan 

• + : hasilnya adalah gabung string
• – : hasilnya operasi matematika pengurangan.

Penutup

JavaScript dikenal sebagai bahasa pemrograman yang fleksibel, termasuk dalam hal pengelolaan tipe data. Anda bisa dengan mudah melakukan konversi tipe data sesuai kebutuhan. Namun, untuk hasil yang lebih jelas dan aman, disarankan menggunakan konversi eksplisit (manual) agar tidak terjadi kesalahan yang tidak diinginkan.

Perlu diingat, operator + di JavaScript dapat berperilaku berbeda. Jika tipe data belum diubah menjadi number, operator ini akan menggabungkan nilai sebagai string, bukan melakukan penjumlahan.

Di seri belajar JavaScript selanjutnya, kita akan membahas topik yang nggak kalah penting, yaitu operator di JavaScript. Jadi, jangan sampai ketinggalan dan terus ikuti seri belajar JavaScript dari Rumahweb untuk meningkatkan skill kamu.

Quiz

Yuk, coba kuis belajar JavaScript Part 5 tentang mengubah tipe data untuk menguji pemahaman kamu!

console.log("10" + 5);

console.log("5" - 2);