Media Belajar Bahasa Pemrograman | by APPKEY

JavascriptTutorial Javascript 4 : Mengenal Berbagai Macam Tipe Data...

Tutorial Javascript 4 : Mengenal Berbagai Macam Tipe Data di Javascript

-

Sama halnya seperti Bahasa pemrograman yang lain, JavaScript juga memiliki beberapa tipe data yang wajib harus Anda ketahui. Namun, sebelum memulai prakteknya, apakah Anda sudah tahu apa itu tipe data dan variable?

Variable merupakan sebuah nama yang mewakili suatu nilai. Variabel dapat diisi dengan berbagai macam nilai seperti string (teks), number (angka), objek, array, dan sebagainya. Jika dianalogikan, variable ini bisa diibaratkan seperti suatu tempat untuk menyimpan sesuatu. Sedangkan tipe data merupakan sebuah pengelompokan jenis data. Tipe data berfungsi agar kompiler bisa mengetahui bagaimana sebuah data akan digunakan.

Setiap benda dapat diklasifikasikan, JavaScript pun juga memiliki sifat yang sama. Data dalam JavaScript juga diklasifikasikan ke dalam kategori yang berbeda, yang dapat diidentifikasi menggunakan operator JavaScript typeOf.

Pada artikel kali ini, kita akan belajar javascript mulai dari penjelasan tipe data javascript tentang tipe data dari JavaScript, tujuan dan penggunaannya, menentukan jenis data apa dalam JavaScript yang merupakan angka, kata, atau fungsi. Selain itu, Anda juga akan belajar cara memasukkannya ke dalam kode Anda.

Apa itu Tipe Data?

type-data-javascript

Tipe data JavaScript adalah konsep penting dalam pemrograman. Banyak bahasa pemrograman menggunakan klasifikasi untuk pengalaman pengkodean yang lebih baik dan kode bebas bug. Agar program mengetahui bagaimana memperlakukan variabel, ia harus mengetahui tipe datanya. Jenis data dapat diidentifikasi menggunakan typeOfoperator JavaScript.

Artikel Terkait  Tutorial Javascript 18 : Cara Menggunakan Foreach Javascript untuk Pemula

Deklarasi dan Penggunaan

Pada contoh di bawah ini, Anda dapat melihat tiga jenis data JavaScript yang paling populer: angka, string, dan objek. 3 jenis tipe data ini diperlakukan berbeda oleh program, angka ditampilkan sebagai angka, string ditampilkan sebagai kata, dan objek ditampilkan sebagai fungsi yang menjadi kenyataan. Mereka mengembalikan nilai yang dibuat dalam fungsi:

var nilai = 5; // Angka
var pesan= "Selamat Belajar!"; // String
var identitas = {
nama:"Wilson", 
usia:30
}; // Objek

Tanpa tipe data yang berbeda, JavaScript akan mengalami masalah saat menambahkan dua nilai secara bersamaan. Mari kita simak contoh di bawah ini:

var n = "Jason" + 2;

Saat Anda menambahkan angka ke string, sistem juga melihat angka tersebut sebagai string. Oleh karena itu, JavaScript akan memperlakukan contoh di atas sama seperti di bawah ini:

var n = "Jason" + "2";

JavaScript menggunakan tipe data dinamis, yang berarti Anda tidak perlu mendefinisikan tipe data untuk variabel baru secara spesifik. Satu variabel dapat menampung beberapa jenis data JavaScript:

var n; // Variabel n tidak memiliki tipe data
var n = 2; // Variabel n menjadi Angka
var n = "Jason"; // Variabel n menjadi String

Jenis-Jenis Tipe Data Dalam JavaScript

Pada bagian ini, kami akan menjelaskan kepada Anda setiap tipe data secara detail. Dengan cara ini, Anda akan mendapatkan pemahaman yang lebih baik tentang apa yang mereka wakili dan bagaimana menggunakannya. Memahami perbedaan akan membuat Anda terhindar dari kesalahan pemula.

Contoh akan mengikuti setiap penjelasan. Jangan ragu untuk membukanya di editor kode dan bermain-main dengan mengklik tombol Coba Langsung !

1. String

String adalah tipe data JavaScript yang menyimpan informasi dalam teks. String dikemas dengan tanda kutip (tidak seperti angka, yang tidak membutuhkannya). Tanda kutip ganda dan tunggal diterima, tetapi hati-hati dan jangan mencampur keduanya dalam satu string!

var nama = "Jason Putro";   // double quotes  
var nama = 'Jason Putro';   // single quotes

Anda mungkin menghadapi situasi ketika Anda ingin menggunakan tanda kutip di dalam string. Untuk itu, Anda harus menggunakan tanda kutip yang berbeda dari yang menentukan string – lihat contoh di bawah ini untuk melihat cara melakukannya:

var pesan = "Selamat Belajar PHP";      // Double quotes pada umumnya
var pesan = "Selamat Belajar 'PHP'";     // Single quotes dalam double quotes  
var text = 'Selamat Belajar "PHP"';     // Double quotes dalam single quotes

2. Angka

Angka pada JavaScript dapat ditulis dengan atau tanpa desimal. Seperti yang telah kita bahas, mereka tidak boleh ditulis dalam tanda kutip, jika tidak, itu akan dibaca sebagai string.

var n = 2.00;     // Angka dengan bilangan desimal
var n = 2;       // Angka tanpa bilangan desimal

Namun, dengan bilangan yang sangat besar atau kecil, Anda dapat menggunakan notasi ilmiah (eksponensial):

var n = 115e4;      // 1150000
var n = 115e-4;     // 0.0115

3. Objek

Salah satu jenis data JavaScript adalah objek yang ditentukan dengan tanda kurung kurawal. Tipe objek harus memiliki properti dan nilai: ditulis propertyName:valueberpasangan. Contoh di bawah ini membuat sebuah objek bernama iPhone yang memiliki tiga properti:

var hp = {
  merk:"iPhone", 
  warna:"Putih", 
  seri:12, 
};

4. Boolean

Boolean adalah tipe data yang hanya dapat memiliki satu dari dua kemungkinan nilai: true atau false. Ini adalah salah satu tipe data JavaScript yang sering digunakan dalam pengujian kode bersyarat:

var hasil = true;  
var hasil = false;

5. Array

Array JavaScript ditentukan dengan tanda kurung siku. Array adalah salah satu tipe data JavaScript yang biasanya digunakan dengan variabel. Item array biasanya dipisahkan dengan koma. Contoh di bawah ini membuat array dengan tiga elemen:

var kendaraan = ["Mobil", "Motor","Sepeda"];
Catatan: Elemen pertama dari array selalu diindeks sebagai 0.

6. Undefined dan NULL

Ada dua nilai lagi yang harus kita diskusikan, karena akan cenderung membingungkan pemula. Apa perbedaan antara undefined dan NULL, Anda mungkin bertanya? Bukankah keduanya hanya berarti tidak adanya nilai? Sebanarnya tidak juga. Jika variabel tidak memiliki nilai, JavaScript secara otomatis menetapkannya sebagai undefined.

Dalam contoh di bawah ini, variabel memiliki nama tetapi tidak memiliki nilai yang ditetapkan. Tanpa nilai, kita tidak tahu apa jenis variabel ini yang membuatnya undefined. Jika Anda menggunakan operator JavaScript typeOf pada variabel JavaScript yang tidak ditentukan, program undefinedhanya akan mengembalikan:

var pesan;   // Nilai tidak didefinisikan, tipe data tidak didefinisikan

Namun, JavaScript null juga tidak memiliki nilai. Perbedaannya adalah meskipun tidak memiliki nilai, ia dianggap sebagai benda. Anda dapat menghapus objek dengan menyetelnya ke JavaScript null. Ini juga berarti bahwa menggunakan operator JavaScript typeOf akan mengidentifikasi variabel ini sebagai objek:

var pesan = null; // Bernilai NULL, tapi tipe tetaplah sebuah objek

Di sisi lain, Anda juga dapat membersihkan objek dengan mengaturnya undefined. Dalam hal ini, ia kehilangan nilai dan tipenya. Ini berarti bahwa menggunakan operator JavaScript typeOf akan mengidentifikasinya bukan sebagai objek tetapi undefinedvariabel JavaScript:

var pesan = undefined;   // Nilai tidak ditentukan, tipe tidak ditentukan

Penutup

Variabel dan tipe data merupakan dua hal dasar yang wajib di pelajari dalam bahasa pemrograman apapun. Walau tidak seperti Bahasa pemrograman lain seperti C, C++, C#, Java, dan lain-lain, dimana Anda harus menuliskan atau mendefinisikan tipe data pada variabel yang dibuat. Pada Javascript Anda tidak perlu menuliskan tipe data saat pembuatan variabel, karena Javascript bersifat dynamic typing.

Namun tetap saja sangat penting untuk menggunakan sintaks yang benar untuk tipe data sehingga browser dapat memahami kode Anda. Ada beberapa jenis data JavaScript, yang memiliki tujuan berbeda dalam kode. Seperti String, angka, Boolean, object, array dan Undefined dan NULL. Selain itu, Anda dapat menggunakan operator JavaScript typeOf untuk memeriksa jenis data JavaScript apa itu. Selamat belajar javascript!


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 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 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 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 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 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 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 SQL 9 : Cara Mengolah data Menggunakan Fungsi Agregasi

Agregasi data adalah cara runtuh, meringkas, atau mengelompokan data. Agregasi adalah hal yang selalu ada di setiap aplikasi untuk...

Tutorial SQL 1 : Pengenalan SQL untuk Pemula

Pernahkah Anda mendengar istilah SQL sebelumnya? Saat terjun ke dunia IT khususnya coding pemrograman komputer, SQL adalah salah satu...

Tutorial SQL 8 : Bagaimana Fungsi dan Penggunaan Constraint dalam SQL?

Pada artikel sebelumnya Anda telah mempelajari tentang wildcard SQL, pada artikel kali ini kami akan menjelaskan tentang constraint SQL. Jika...

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