Search
Close this search box.
Jasa Pembuatan Website, SEO & Digital Marketing - Wiselyproject

Konversi Tipe JavaScript

Konversi tipe javascript

Share This Post

Dalam tutorial ini, Anda akan belajar tentang Konversi Tipe dalam JavaScript dengan bantuan contoh.

Dalam pemrograman, Konversi Tipe adalah proses mengubah data dari satu tipe ke tipe lainnya. Misalnya: mengonversi data String menjadi Angka.

Ada dua jenis Konversi Tipe dalam JavaScript.

  • Implicit Conversion – automatic type conversion
  • Explicit Conversion – manual type conversion

Konversi Implisit JavaScript

Dalam situasi tertentu, JavaScript secara otomatis mengonversi satu tipe data ke tipe lainnya (ke tipe yang tepat). Ini dikenal sebagai konversi implisit.


Contoh 1: Konversi Implisit ke String

// numeric string used with + gives string type
let result;

result = '3' + 2; 
console.log(result) // "32"

result = '3' + true; 
console.log(result); // "3true"

result = '3' + undefined; 
console.log(result); // "3undefined"

result = '3' + null; 
console.log(result); // "3null"

Note: Saat angka ditambahkan ke string, JavaScript akan mengonversi angka menjadi string sebelum penggabungan.


Contoh 2: Konversi Implisit ke Angka

// numeric string used with - , / , * results number type

let result;

result = '4' - '2'; 
console.log(result); // 2

result = '4' - 2;
console.log(result); // 2

result = '4' * 2;
console.log(result); // 8

result = '4' / 2;
console.log(result); // 2

Contoh 3: Hasil String Non-numerik ke NaN

// non-numeric string used with - , / , * results to NaN

let result;

result = 'hello' - 'world';
console.log(result); // NaN

result = '4' - 'hello';
console.log(result); // NaN

Contoh 4: Konversi Boolean Implisit ke Angka

// if boolean is used, true is 1, false is 0

let result;

result = '4' - true;
console.log(result); // 3

result = 4 + true;
console.log(result); // 5

result = 4 + false;
console.log(result); // 4

Note: JavaScript menganggap 0 sebagai salah dan semua angka bukan nol sebagai benar. Dan, jika true diubah menjadi angka, hasilnya selalu 1.


Contoh 5: null Konversi ke Angka

// null is 0 when used with number
let result;

result = 4 + null;
console.log(result);  // 4

result = 4 - null;
console.log(result);  // 4

Contoh 6: undefined digunakan dengan angka, boolean atau null

// Arithmetic operation of undefined with number, boolean or null gives NaN

let result;

result = 4 + undefined;
console.log(result);  // NaN

result = 4 - undefined;
console.log(result);  // NaN

result = true + undefined;
console.log(result);  // NaN

result = null + undefined;
console.log(result);  // NaN

Konversi Eksplisit JavaScript

Anda juga dapat mengonversi satu tipe data ke tipe lainnya sesuai kebutuhan Anda. Konversi tipe yang Anda lakukan secara manual dikenal sebagai konversi tipe eksplisit.

Dalam JavaScript, konversi tipe eksplisit dilakukan menggunakan metode bawaan.

Berikut adalah beberapa metode konversi eksplisit yang umum.

1. Konversikan ke Angka Secara Eksplisit

Untuk mengonversi string numerik dan nilai boolean menjadi angka, Anda dapat menggunakan Number(). Sebagai contoh,

let result;

// string to number
result = Number('324');
console.log(result); // 324

result = Number('324e-1')  
console.log(result); // 32.4

// boolean to number
result = Number(true);
console.log(result); // 1

result = Number(false);
console.log(result); // 0

Dalam JavaScript, string kosong dan nilai null mengembalikan 0. Misalnya,

let result;
result = Number(null);
console.log(result);  // 0

let result = Number(' ')
console.log(result);  // 0

Jika string adalah angka yang tidak valid, hasilnya adalah NaN. Sebagai contoh,

let result;
result = Number('hello');
console.log(result); // NaN

result = Number(undefined);
console.log(result); // NaN

result = Number(NaN);
console.log(result); // NaN

Note: Anda juga dapat membuat angka dari string menggunakan parseInt(), parseFloat(), operator unary +, dan Math.floor(). Sebagai contoh,

let result;
result = parseInt('20.01');
console.log(result); // 20

result = parseFloat('20.01');
console.log(result); // 20.01

result = +'20.01';
console.log(result); // 20.01

result = Math.floor('20.01');
console.log(result); // 20

2. Konversi ke String Secara Eksplisit

Untuk mengonversi tipe data lain menjadi string, Anda dapat menggunakan String() atau toString(). Sebagai contoh,

//number to string
let result;
result = String(324);
console.log(result);  // "324"

result = String(2 + 4);
console.log(result); // "6"

//other data types to string
result = String(null);
console.log(result); // "null"

result = String(undefined);
console.log(result); // "undefined"

result = String(NaN);
console.log(result); // "NaN"

result = String(true);
console.log(result); // "true"

result = String(false);
console.log(result); // "false"

// using toString()
result = (324).toString();
console.log(result); // "324"

result = true.toString();
console.log(result); // "true"

NoteString()mengambil null dan undefined dan mengubahnya menjadi string. Namun, toString() memberikan kesalahan saat null diteruskan.


3. Konversi ke Boolean Secara Eksplisit

Untuk mengonversi tipe data lain menjadi boolean, Anda dapat menggunakan Boolean().

Dalam JavaScript, undefined, null, 0, NaN, ” diubah menjadi false. Sebagai contoh,

let result;
result = Boolean('');
console.log(result); // false

result = Boolean(0);
console.log(result); // false

result = Boolean(undefined);
console.log(result); // false

result = Boolean(null);
console.log(result); // false

result = Boolean(NaN);
console.log(result); // false

Semua nilai lain memberikan true. Sebagai contoh,

result = Boolean(324);
console.log(result); // true

result = Boolean('hello');
console.log(result); // true

result = Boolean(' ');
console.log(result); // true

Tabel Konversi Jenis JavaScript

Tabel menunjukkan konversi nilai yang berbeda ke String, Number, dan Boolean di JavaScript.

ValueString ConversionNumber ConversionBoolean Conversion
1“1”1true
0“0”0false
“1”“1”1true
“0”"0"0true
“ten”"ten"NaNtrue
true“true”1true
false“false”0false
null“null”0false
undefined“undefined”NaNfalse
“”0false
‘ ‘” “0true

You will learn about the conversion of objects and arrays to other data types in later tutorials.

Subscribe To Our Newsletter

Dapatkan berita dan penawaran seputar Dunia Digital

Ingin memiliki website sendiri?

Kami siap membantu untuk mengelola website profesional Anda