Tipe Data JavaScript

nilai string, nilai angka, nilai boolean, array, objek.

Tipe Data JavaScript

Variabel JavaScript dapat menyimpan berbagai macamTipe data：nilai, nilai string, array, objek, dll:

var length = 7;                             // angka
var lastName = "Gates";                      // string
var cars = ["Porsche", "Volvo", "BMW"];         // array
var x = {firstName:"Bill", lastName:"Gates"};    // objek

Konsep tipe data

Dalam proses pemrograman, konsep tipe data adalah konsep penting.

Untuk dapat mengoperasikan variabel, mengerti tipe data sangat penting.

Jika tidak ada tipe data, komputer tidak dapat menyelesaikan masalah ini dengan aman:

var x = 911 + "Porsche";

Apakah menambahkan 911 ke "Volvo" berarti? Ini akan terjadi kesalahan atau akan menghasilkan suatu hasil?

JavaScript akan menangani seperti contoh di atas:

var x = "911" + "Porsche";

Ketika bilangan dan string ditambahkan, JavaScript akan menganggap bilangan sebagai string.

Contoh

var x = 911 + "Porsche";

Coba Sendiri

Contoh

var x = "Porsche" + 911;

Coba Sendiri

JavaScript menghitung ekspresi dari kiri ke kanan. Urutan yang berbeda akan menghasilkan hasil yang berbeda:

JavaScript:

var x = 911 + 7 + "Porsche";

Hasil:

918Porsche

Coba Sendiri

JavaScript:

var x = "Porsche" + 911 + 7;

Hasil:

Porsche9117

Coba Sendiri

Dalam contoh pertama, JavaScript menganggap 911 dan 7 sebagai bilangan, sampai bertemu dengan "Porsche".

Dalam contoh kedua, karena operand pertama adalah string, seluruh operand dianggap string.

JavaScript memiliki tipe data dinamis

JavaScript memiliki tipe data dinamis. Ini berarti variabel yang sama dapat digunakan untuk berbagai tipe:

Contoh

var x;               // Sekarang x adalah undefined
var x = 7;           // Sekarang x adalah bilangan
var x = "Bill";      // Sekarang x adalah nilai string

Coba Sendiri

String nilai JavaScript

String (atau string teks) adalah garis karakter (seperti "Bill Gates").

String di luar kutipan. Anda dapat menggunakan kutipan tunggal atau kutipan ganda:

Contoh

var carName = "Porsche 911";   // Menggunakan kutipan ganda
var carName = 'Porsche 911';   // Menggunakan kutipan tunggal

Coba Sendiri

Anda dapat menggunakan kutipan di dalam string, selama kutipan itu tidak cocok dengan kutipan yang melingkungi string:

Contoh

var answer = "It's alright";             // Kutipan tunggal di dalam kutipan ganda
var answer = "He is called 'Bill'";    // Kutipan tunggal di dalam kutipan ganda
var answer = 'He is called "Bill"';    // Kutipan ganda di dalam kutipan tunggal

Coba Sendiri

Anda akan belajar lebih banyak tentang string di tutorial ini.

Bilangan JavaScript

JavaScript hanya memiliki satu tipe bilangan.

Ketika menulis bilangan, apakah menggunakan titik desimal atau tidak boleh disebut:

Contoh

var x1 = 34.00;     // Dengan titik desimal
var x2 = 34;        // Tanpa titik desimal

Coba Sendiri

Bilangan yang sangat besar atau sangat kecil dapat ditulis dalam notasi bilangan ilmiah:

Contoh

var y = 123e5;      // 12300000
var y = 123e5;      // 12300000

Coba Sendiri

var z = 123e-5; // 0.00123

Anda akan belajar lebih banyak tentang bilangan di tutorial ini.

Nilai boolean JavaScriptNilai boolean hanya memiliki dua nilai: true atau.

Contoh

false
var x = true;

Coba Sendiri

var y = false;

Nilai boolean sering digunakan dalam pengujian kondisi.

Array JavaScript

Anda akan belajar lebih banyak tentang pengujian kondisi di tutorial ini.

Array JavaScript ditulis dengan kurung siku.

Item array dipisahkan dengan koma.

Contoh

Kode di bawah ini mendeklarasikan (membuat) array dengan nama cars yang mengandung tiga item (merk mobil):

Coba Sendiri

var cars = ["Porsche", "Volvo", "BMW"];

Indeks array berdasarkan nol, yang berarti proyek pertama adalah [0], proyek kedua adalah [1], dan seterusnya.

Objek JavaScript

Anda akan belajar lebih banyak tentang array di tutorial ini.

Objek JavaScript ditulis dengan kurung kurawal. Properti objek adalahname: value

Contoh

Ya, dipisahkan dengan koma.

Coba Sendiri

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

Anda akan belajar lebih banyak tentang objek di contoh di atas (person) yang memiliki empat properti: firstName, lastName, age serta eyeColor.

operator typeof

Anda akan belajar lebih banyak tentang objek dengan JavaScript: typeof untuk menentukan tipe variabel JavaScript:

Operator typeof mengembalikan tipe variabel atau ekspresi:

Contoh

typeof ""                  // mengembalikan "string"
typeof "Bill"              // mengembalikan "string"
typeof "Bill Gates"          // mengembalikan "string"

Coba Sendiri

Contoh

typeof 0                   // mengembalikan "number"
typeof 314                 // mengembalikan "number"
typeof 3.14                // mengembalikan "number"
typeof (7)                 // mengembalikan "number"
typeof (7 + 8)             // mengembalikan "number"

Coba Sendiri

Operator typeof mengembalikan "object" untuk array, karena di JavaScript array termasuk dalam objek.

Undefined

Dalam JavaScript, variabel yang tidak memiliki nilai, nilai adalah undefined。typeof juga mengembalikan undefined.

Contoh

var person;                  // nilai adalah undefined, tipe adalah undefined.

Coba Sendiri

Setiap variabel dapat diatur nilai dengan undefined dipotong. Tipe juga akan menjadi undefined.

Contoh

person = undefined;          // nilai adalah undefined, tipe adalah undefined.

Coba Sendiri

Nilai kosong

Nilai kosong dengan undefined Bukan hal yang sama.

Variabel string kosong memiliki nilai dan tipe.

Contoh

var car = "";                // nilai adalah "", tipe adalah "string"

Coba Sendiri

Null

Di JavaScript,null adalah "nothing". Itu dianggap sebagai hal yang tidak ada.

Sayangnya, di JavaScript,null data yang berjenis objek.

Anda dapat memasukkan null Pada JavaScript, pengertian objek dianggap bug. Itu seharusnya null.

Anda dapat mengatur nilai dengan null Mengosongkan objek:

Contoh

var person = null;           // nilai adalah null, tetapi tipe tetap adalah objek

Coba Sendiri

Anda juga dapat mengatur nilai dengan undefined Mengosongkan objek:

Contoh

var person = undefined;           // nilai adalah undefined, tipe adalah undefined.

Coba Sendiri

Perbedaan antara Undefined dan Null

Undefined dengan null nilai sama, tetapi tipe berbeda:

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

Coba Sendiri

Data asli

Nilai data asli adalah nilai data sederhana tanpa atribut dan metode ekstra.

typeof Operator dapat mengembalikan salah satu tipe asli berikut:

  • string
  • number
  • boolean
  • undefined

Contoh

typeof "Bill"              // mengembalikan "string"
typeof 3.14                // mengembalikan "number"
typeof true                // mengembalikan "boolean"
typeof false               // mengembalikan "boolean"
typeof x                   // Mengembalikan "undefined" (jika x tidak memiliki nilai)

Coba Sendiri

Data Kompleks

typeof Operator dapat mengembalikan salah satu dari dua tipe berikut:

  • function
  • objek

typeof Operator mengembalikan objek, array, atau null Mengembalikan objek.

typeof Operator tidak mengembalikan fungsi objek.

Contoh

typeof {name:'Bill', age:62} // Mengembalikan "object"
typeof [1,2,3,4]             // Mengembalikan "object" (tidak "array", lihat catatan di bawah)
typeof null                  // Mengembalikan "object"
typeof function myFunc(){}   // Mengembalikan "function"

Coba Sendiri

typeof Operator mengembalikan array dalam "objekKarena dalam JavaScript, array adalah objek.

Bacaan Luar Biasa

Tutorial Mahir JavaScript: