Media Belajar Bahasa Pemrograman | by APPKEY

Javascript Tutorial 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 5 : Trik Mudah Menggunakan Fungsi pada Javascript

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 Javascript 1 : Pengenalan Javascript untuk Pemula

Ada banyak sekali jenis bahasa pemrograman yang bisa Anda pelajari untuk menjadi seorang programmer profesional. Salah satunya adalah belajar...

Tutorial Javascript 2 : Tahap Awal Cara Mudah Menulis Kode di Javascript

Kembali lagi di seri belajar Javascript bersama Codekey! Setelah di postingan sebelumnya Anda belajar Javascript terkait konsep-konsep dasarnya, kini...

Tutorial HTML/CSS 3 : Pengenalan Elemen Dasar di HTML

HTML adalah bahasa Markup yang terdiri dari elemen dan tag. Artikel ini akan memberi penjelasan kepada Anda tentang elemen-elemen...

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 3 : Belajar Menggunakan Operator pada Javascript

Tahukah Anda bahwa peranan operator Javascript sangat penting dalam pembuatan program memakai bahasa komputer ini? Mengingat komputer sejatinya adalah “kalkulator...

Tutorial HTML/CSS 1 : Pengenalan HTML untuk Pemula

Jika Anda seorang pemula dalam dunia coding dan ingin mengetahui atau belajar HTML dasar, maka artikel ini akan cocok...

Tutorial HTML/CSS 2 : Text Editor Terbaik untuk Belajar HTML

Belajar HTML belum lengkap rasanya jika belum membahas tentang text editor. Keberadaan text editor ini sangatlah penting, di mana...

Tutorial PHP 3: Belajar Menggunakan Variabel di PHP untuk Pemula

PHP merupakan bahasa pemrograman yang memiliki banyak variable. Belajar PHP tidak lengkap tanpa membahas variable PHP. Setelah Anda mempelajari dasar-dasar...

Tutorial Dart 3 : Belajar Menggunakan Syntax atau Perintah dasar Dart

Setelah mengatur lingkungan kerja serta instalasi Dart ke dalam sistem operasi yang kalian miliki, dalam pembuatan suatu program baik...

Tutorial SQL 3 : Memahami Berbagai Macam Tipe Data SQL

Tak hanya contoh perintah SQL saja yang beraneka rupa bentuk dan kegunaannya. Ada banyak sekali tipe data SQL yang...

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