Modul 2-6. Type Conversion

Pendahuluan

Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum teman-teman melanjutkan membaca materi ini, diharapkan teman-teman sudah mengerti tentang materi sebelumnya, yaitu tentang tipe data dalam javascript.

Konversi Tipe Data

Pada materi ini kita akan membahas tentang cara konversi tipe data dalam bahasa pemrograman javascript. Konversi tipe data dilakukan untuk mengubah tipe data dari sebuah variabel menjadi tipe data yang berbeda. Contohnya ketika kita memiliki sebuah variabel:

let hargaBarang = '3000';

Lalu kita ingin melakukan perhitungan matematika dengan menggunakan variabel hargaBarang tersebut. Misalnya:

console.log(hargaBarang + 500);

Maka proses perhitungan matematikanya tidak akan menghasilkan nilai yang sesuai dengan yang kita harapkan karena variabel hargaBarang memiliki tipe data string dan dicoba ditambah dengan angka 500 yang memiliki tipe data number.

Number()

Untuk menghasilkan hasil perhitungan matematika yang sesuai dengan yang kita harapkan, kita harus mengubah tipe data dari variabel hargaBarang menjadi tipe data number. Kita bisa melakukan hal tersebut dengan cara menggunakan fungsi bawaan dari javascript, yaitu Number(). Cara menggunakan fungsi Number() adalah dengan memasukkan data yang ingin kita ubah ke dalam fungsi Number(). Contohnya:

let hargaBarang = Number('3000');
console.log(hargaBarang + 500);
console.log(typeof hargaBarang);

Apakah kita bisa mengubah tipe data dari sebuah variabel yang memiliki value “handphone” menjadi angka dengan menggunakan fungsi Number() ?

let namaBarang = Number("handphone");
console.log(namaBarang);
console.log(typeof namaBarang);

Jawabannya adalah bisa. Jika kita mencoba untuk melakukan konversi tipe data string yang memiliki value angka, maka akan menghasilkan value NaN (not a number) dengan tipe data number.

String()/toString()

Lalu bagaimana cara untuk mengubah atau mengkonversi tipe data number menjadi tipe data string ?

Untuk melakukan hal tersebut kita bisa menggunakan fungsi String() atau dengan metode toString(). Contohnya :

let kodePos = String(83511);
console.log(kodePos);
console.log(typeof kodePos);
 
let nomorString = 5000;
nomorString = nomorString.toString();
console.log(nomorString);
console.log(typeof nomorString);

Boolean()

Untuk mengkonversi sebuah tipe data menjadi tipe data boolean bisa menggunakan fungsi Boolean(). Sebelum kita mencoba menggunakan fungsi Boolean(), terlebih dahulu kita akan membahas tentang nilai Truthy dan nilai Falsy.

Truthy dan Falsy

Setiap value di dalam javascript memiliki nilai boolean bawaan, baik itu true atau false. Value Truthy adalah value yang memiliki nilai bawaan true, sedangkan sebaliknya value Falsy adalah value yang memiliki nilai bawaan false.

Value yang tergolong dalam value Truthy adalah :

• true
• ‘0’ (string angka nol)
• ‘false’ (string false)
• [] (array kosong)
• {} (object kosong)
• function(){} (function kosong)

Sedangkan value yang tergolong value Falsy adalah

• false
• 0 (angka nol)
• ” or “” (string kosong)
• Null
• Undefined
• NaN

Untuk membuktikan bahwa value-value di atas termasuk dalam value Truthy atau Falsy, kita bisa menggunakan fungsi Boolean() untuk mengubah value-value di atas menjadi tipe data boolean.

console.log('Value Truthy:');
console.log('0', Boolean('0'));
console.log('false', Boolean('false'));
console.log([], Boolean([]));
console.log({}, Boolean({}));
console.log(function(){}, Boolean(function(){}));
 
console.log('Falsy Truthy:');
console.log(0, Boolean(0));
console.log("''", Boolean(''));
console.log(null, Boolean(null));
console.log(undefined, Boolean(undefined));
console.log(NaN, Boolean(NaN));

Penutup

Jadi untuk mereview materi yang telah kita bahas, konversi tipe data bisa dilakukan dengan menggunakan fungsi bawaan yang sudah ada dalam bahasa pemrograman javascript, yaitu fungsi Number() untuk konversi tipe data number, fungsi String() atau metode toString() untuk konversi tipe data string dan fungsi Boolean() untuk konversi tipe data boolean. Setiap value dalam javascript memiliki nilai bawaan boolean. Jika value tersebut memiliki nilai bawaan true, maka disebut sebagai value Truthy, sedangkan jika value tersebut memiliki nilai bawaan false, maka disebut sebagai value Falsy.

Baik teman-teman, saya rasa cukup untuk materi konversi tipe data ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.

Thank you and see you next time!

Javascript – 08 – Type Conversion(Video):

Quiz Time: 

Quiz dapat dikerjakan disini: https://bit.ly/quizjs2-6