Warning: getimagesize(https://codekey.id/wp-content/uploads/2021/03/codekey272.png): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/appkey01/codekey.id/public_html/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(https://codekey.id/wp-content/uploads/2021/03/codekey001.png): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/appkey01/codekey.id/public_html/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Media Belajar Bahasa Pemrograman | by APPKEY

Javascript Tutorial Javascript 14 : Bagaimana Cara Mengkonversi Tipe Data...

Tutorial Javascript 14 : Bagaimana Cara Mengkonversi Tipe Data pada Javascript ?

-

JavaScript, menggunakan tipe data sama seperti bahasa pemrograman lainnya. Dalam JavaScript terdapat string, angka, objek, array dan lain-lain. Anda perlu mengetahui dan memahaminya terkait hal yang diwakili masing-masing tipe data dan memahami bagaimana Anda dapat bekerja dengannya. Hal ini memungkinkan Anda memiliki kontrol lebih besar atas kode yang Anda tulis atau baca.

Akan sangat berguna bagi Anda untuk mengetahui cara memanipulasi data dengan mengonversinya dari satu jenis ke jenis lainnya. Anda mungkin perlu menggunakan JavaScript, mengubahnya menjadi string dalam beberapa kasus atau ubah string menjadi angka di kasus lain.

Kali ini, Codekey akan menjelaskan tentang cara mengkonversi tipe data sehingga Anda akan terbiasa dengan konversi tipe data dalam  JavaScript dan belajar mengubah setiap tipe data menjadi yang berbeda. Kami akan membahas JavaScript Type Conversion di bawah ini selengkapnya.

Artikel Terkait  Tutorial Javascript 21 : Panduan Membuat Number Format Javascript

JavaScript Type Conversion

Scope-in-JavaScript

Seringkali, operator dan fungsi secara otomatis mengonversi nilai yang diberikan kepada mereka ke jenis yang tepat. Misalnya, ‘alert’ secara otomatis mengubah nilai apa pun menjadi string untuk menampilkannya. Operasi matematika mengonversi nilai menjadi angka. Ada juga kasus ketika kita perlu secara eksplisit mengonversi nilai ke tipe yang diharapkan.

Tiga tipe utama JavaScript Type Conversion adalah String (), Number () dan Boolean (). Ketiganya berfungsi untuk mengonversi data ke jenis namanya masing-masing. Tidaklah mungkin untuk mendeteksi jika tipe objek JavaScript adalah tanggal atau larik dengan menggunakan typeof. Untuk tanggal dan larik, tipe objek akan dikembalikan. Beberapa hal yang harus Anda ingat tentang konversi tipe data dalam JavaScript:

  1. Anda dapat menerapkan konversi JavaScript ke string, angka, dan boolean.
  2. Array dan date adalah tipe data objek.
  3. Kebanyakan tipe data berisi nilai, tetapi tidak terdefinisi dan null tidak.
  4. typeof adalah operator, jadi tidak berisi tipe data.

Ada lima tipe data yang dapat berisikan value dalam JavaScript:

  1. Number Type
  2. Boolean Type
  3. String Type
  4. Function Type
  5. Object Type

Dalam JavaScript juga tiga tipe objek yaitu:

  1. Object Type
  2. Date Type
  3. Array Type

Terakhir, ada dua tipe data yang tidak dapat menyimpan nilai:

  1. Undefined Type
  2. Null Type

Operator typeof

typeof operator digunakan ketika Anda perlu mengetahui tipe data dalam variabel JavaScript. Hal itu penting sebelum melakukan Type Conversion JavaScript:

Hal yang perlu Anda ingat tentang ini adalah:

  1. Type data NaN adalah angka.
  2. Type data array adalah objek.
  3. Type data pada tanggal adalah objek.
  4. Type data null adalah objek.
  5. Type data dari variabel tidak terdefinisi tidak terdefinisi.
  6. Type data variabel yang tidak memiliki nilai tidak ditentukan.

Berikut adalah contoh penggunaan kodenya.

typeof "Johan"                 // memberikan nilai dalam bentuk tipe data "string" 
typeof 4                      // memberikan nilai dalam bentuk tipe data "number"
typeof NaN                    // memberikan nilai dalam bentuk tipe data "number"
typeof false                  // memberikan nilai dalam bentuk tipe data "boolean"
typeof [4,3,2,1]              // memberikan nilai dalam bentuk tipe data "object"
typeof {nama:'Johan', umur:30}   // memberikan nilai dalam bentuk tipe data "object"
typeof new Date()             // memberikan nilai dalam bentuk tipe data "object"
typeof function () {}         // memberikan nilai dalam bentuk tipe data "function"
typeof phone                  // memberikan nilai dalam bentuk tipe data "undefined"
typeof null

Properti Konstruktor dalam JavaScript

Properti ini mengembalikan fungsi ‘constructor’ untuk semua variabel di JavaScript:

"Rio".constructor
(4.17).constructor   
true.constructor                 
[1,2,3,4,5].constructor        
{nama:'Rio',umur:28}.constructor     
new Date().constructor           
function () {}.constructor      

Berikut ini dapat digunakan untuk menemukan tipe objek seperti array dan date.

function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -2;
}

Anda juga dapat mencoba kode berikut ini.

function isDate(date) {
    return date.constructor.toString().indexOf("Date") > -2;
}

Mengubah Tipe Data JavaScript

Variabel di JavaScript dapat diubah menjadi variabel dan jenis data yang berbeda:

  1. Anda dapat mengubahnya dengan menggunakan fungsi JavaScript.
  2. Anda dapat melakukannya secara otomatis, dengan JavaScript.

Pertama-tama, kami akan membahas penggunaan fungsi untuk konversi tipe. Setiap penjelasan akan diikuti dengan sebuah contoh. Pastikan untuk tidak melewatkannya, karena itu penting dalam memahami gagasan tentang cara kerja fungsi tertentu!

Mengubah Angka ke String

Mudah untuk mengubah angka menggunakan JavaScript. Pertama, ubah ke fungsionalitas string dengan metode String (). Anda dapat menggunakannya pada berbagai jenis ekspresi, literal, variabel, atau angka:

String(r)  // membawa kembali string dari variabel angka r
String(323)   // membawa kembali string dari angka literal 323
String(300 + 33)  // membawa kembali string dari angka dari ekspression

Untuk mengkonversi untuk string JavaScript harus menggunakan metode ‘toString()’ seperti pada contoh berikut ini:

r.toString()
(323).toString()
(300 + 33).toString()

Mengubah Booleans ke String

Anda dapat memodifikasi Booleans menggunakan JavaScript untuk mengubahnya ke fungsionalitas dengan menggunakan metode string().

String(false) // mengembalikan nilai "false"
String(true) // mengembalikan nilai  "true"

Sekali lagi, untuk mengonversi ke string JavaScript metode toString () mungkin berguna untuk Anda.

false.toString() // mengembalikan nilai "false"
true.toString() // mengembalikan nilai "true"

Mengubah Date ke String

Anda dapat mengubah tanggal menggunakan JavaScript, ubah ke fungsionalitas string dengan metode String ():

String(Date()) // mengembalikan nilai dari date

Penggunaan ToString() mungkin Anda akan menggunakannya dengan cara yang sama.

Date().toString() // mengembalikan nilai dari date

Mengubah String ke Angka

Saat mengubah string menjadi angka, di sini kami menggunakan metode Number (). String dengan “3.18” diubah menjadi 3.18. String yang tidak ada di dalamnya diubah menjadi 0. Yang lainnya diubah menjadi NaN:

Number("3.18")    // mengembalikan nilai menjadi angka
Number(" ")       // mengembalikan nilai menjadi 0 
Number("")        // mengembalikan nilai menjadi 0
Number("22 44")   // mengembalikan nilai menjadi NaN

Menggunakan Unnary+ Operator

Ketika mengubah variabel ke angka maka kita akan menggunakan operator Unary+:

var z = "4"; // z merupakan tipe data string
var d = + z; // d merupakan tipe data angka atau number

Variabel yang tidak dapat diubah muncul sebagai angka NaN:

var z = "Bob"; // z menjadi tipe data string
var d = + d; // d menjadi tipe data number (NaN)

Mengubah Booleans ke Angka

Untuk melakukan konversi JavaScript ke angka pada boolean, kita dapat menggunakan metode Number ():

Number(false) // nilai akan menjadi 0
Number(true) // nilai akan menjadi 1

Mengubah Date ke Angka

Ketika mengeksekusi konversi JavaScript untuk angka pada date maka kita akan menggunakan metode Number().

e = new Date();
Number(e)

Kemudian metode getTime() akan digunakan juga:

date = new Date();
date.getTime()

Perubahan Otomatis

Seperti yang kami sebutkan di atas, beberapa perubahan juga terjadi secara otomatis di JavaScript. JavaScript cenderung mengubah nilai tipe data yang sedang dikerjakannya ketika tipenya salah. Terkadang memberikan hasil yang berbeda. Lihatlah contoh berikut ini:

2 + null    // mengembalikan nilai menjadi 2 karena null berubah menjadi 0
"2" + null  // mengembalikan nilai menjadi "2null" karena null menjadi string "null"
"2" + 3     // mengembalikan nilai menjadi 23 karena 1 menjadi string "1"
"2" - 1     // mengembalikan nilai menjadi 1 karena "2" menjadi 2
"2" * "4"   // mengembalikan nilai 8 karena nilai "2" dan "4" menjadi angka 2 and 4

Saat mengeluarkan variabel atau objek, JavaScript memanggil fungsi variabel toString () secara default:

name:"Frisca"}.toString() // toString berubah menjadi "[object Object]"
[1,2,3,4,5].toString() // toString berubah menjadi "1,2,3,4,5"
new Date().toString() // toString berubah menjadi "Thu Aug 07 2017 14:54:55 GMT+0200"

Mungkin tidak terlihat jelas, tetapi boolean dan nomor juga dapat berubah:

var number = 123;
number.toString() // toString berubah menjadi "323"
true.toString() // toString berubah menjadi "true"
false.toString() // toString berubah "false"

Tabel Konversi dalam JavaScript

Pada tabel di bawah ini, kita bisa melihat perubahan boolean, string, dan angka. Cobalah untuk menghindari string JavaScript menjadi konversi boolean sebagai pemula, karena mudah untuk mengacaukan dan membuat bug sebagai hasilnya.

Nilai Asli Mengubah ke Angka Mengubah ke String Mengubah ke Boolean
false 0 “false” False
true 1 “true” True
0 0 “0” False
1 1 “1” True
“0” 0 “0” True
“1” 1 “1” True
NaN NaN “NaN” False
Infinity Infinity “Infinity” True
-Infinity -Infinity “-Infinity” True
“” 0 “” False
“10” 10 “10” True
“thirty” NaN “thirty” True
[ ] 0 “” True
[10] 10 “10” True
[40,50] NaN “40,50” True
[“thirty”] NaN “thirty” True
[“fifty”,”thirty”] NaN “fifty,thirty” True
function(){} NaN “function(){}” True
{ } NaN “[object Object]” True
null 0 “null” False
undefined NaN “undefined” False

 

Itulah penjelasan tentang JavaScript Type Conversion. Tabel yang kami sajikan sebelumnya akan sangat memudahkan Anda untuk memastikan Anda tidak melakukan kesalahan saat melakukan konversi tipe data JavaScript.  Jika Anda tertarik untuk belajar tentang JavaScript, Anda dapat membaca dan melihat artikel-artikel seri tutorial JavaScript yang telah kami sajikan lengkap di situs codekey.

Situs codekey juga menyediakan berbagai tutorial, materi, pembahasan, tips, dan trik untuk Anda belajar bahasa pemrograman populer lainnya seperti Python dan Java. Jangan lupa untuk dapatkan update terbaru seputar coding dan Bahasa pemograman lainnya dari situs Codekey.

 


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Tutorial

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang bahasa pemrograman langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Blog Post Ranking 10

Tutorial Dart 18 : Ayo Mulai, Pelajari Cara Install Flutter

Pada seri tutorial Dart kali ini, Codekey akan menampilkan hal yang sedikit berbeda, yaitu tentang aplikasi-aplikasi yang mendukung pemrograman...

Tutorial Dart 1 : Pengenalan Bahasa Pemrogaman Dart untuk Pemula

Halo pembaca setia Codekey! Belajar pemrograman saat ini menjadi keharusan bagi semua orang yang ingin berkarir sebagai programmer, hal...

Tutorial Python 9 : Cara membuat perulangan (Looping) pada Python

Pada artikel sebelumnya, Codekey telah menjelaskan tentang Operasi Kondisional Python yang di dalamnya menyinggung tentang percabangan dan perulangan. Belajar...

Tutorial Python 8 : Langkah Mudah Membuat Operasi Kondisional pada Python

Pada pembahasan sebelumnya, Codekey telah menjelaskan kepada Anda tentang pengoperasian string pada Python mulai dari menggabungkan hingga memanipulasi string...

Tutorial PHP 8 : Memahami Array Multidimensi di PHP | Kapan dan Bagaimana Menggunakannya?

Pada artikel sebelumnya kami telah membahas tentang array PHP serta membahas sedikit tentang array multidimensi PHP. Pada artikel kali...

Tutorial Swift 2 : Tahap Awal Persiapan dan Mengatur Lingkungan Kerja pada Swift

Setelah Anda mengenal bahasa pemrograman Swift 4, langkah selanjutnya adalah Anda perlu memulai pemrograman Swift 4 dengan cara install...

Tutorial Javascript 8 : Panduan Lengkap Cara Membuat Array di Javascript

Seperti bahasa pemrograman yang berorientasi objek lainnya, dalam JavaScript juga terdapat array. Jika Anda memiliki banyak objek yang ingin...

Tutorial Python 7 : Tutorial Dasar Cara Mengoperasikan String pada Python

Anda ingin belajar Python dan ingin menjadi ahli dalam bahasa pemrograman Python? Mari belajar bersama Codekey! Pada pembahasan kali...

Tutorial Javascript 6 : Cara Membuat Event pada Javascript

Event JavaScript adalah tindakan atau proses khusus yang terjadi dalam program atau situs web yang akan Anda kembangkan. Anda...

Tutorial PHP 9 : Belajar Menggunakan Sort Array Berdasarkan Key dan Value

Array PHP sangat berguna untuk para developer untuk menyimpan data pada variabel. Anda dapat mengelompokkannya dengan membuat kategori tertentu...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya