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, dan lain-lain:

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 memecahkan masalah ini dengan aman:

var x = 911 + "Porsche";

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

JavaScript akan menangani contoh di atas demikian:

var x = "911" + "Porsche";

Ketika angka dan string dijumlahkan, JavaScript akan menganggap angka seperti string.

Contoh

var x = 911 + "Porsche";

Coba Sendiri

Contoh

var x = "Porsche" + 911;

Coba Sendiri

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

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 seperti angka, sehingga bertemu dengan "Porsche".

Dalam contoh kedua, kerana operand pertama adalah string, sehingga semua operand dianggap seperti string.

JavaScript mempunyai jenis jenis tipi yang dinamik

JavaScript mempunyai jenis jenis tipi yang dinamik. Ini bermakna variable yang sama boleh digunakan untuk jenis jenis yang berbeza:

Contoh

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

Coba Sendiri

String nilai JavaScript

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

String diiringi petikan. Anda boleh menggunakan petikan tunggal atau ganda:

Contoh

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

Coba Sendiri

Anda boleh menggunakan petikan dalam string, selama petikan itu tidak sepadan dengan petikan yang melingkungi string:

Contoh

var answer = "It's alright";             // Petikan ganda dalam petikan tunggal
var answer = "He is called 'Bill'";    // Petikan ganda dalam petikan tunggal
var answer = 'He is called "Bill"';    // Petikan tunggal dalam petikan ganda

Coba Sendiri

Anda akan belajar lebih banyak tentang string di bawah pengajaran ini.

Angka JavaScript

JavaScript hanya mempunyai satu jenis angka.

Pada penggunaan angka, boleh atau tidak boleh ada titik desimal:

Contoh

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

Coba Sendiri

Angka yang sangat besar atau sangat kecil boleh ditulis dalam sistem angka 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.

Bilangan boolean JavaScriptBilangan boolean hanya memiliki dua nilai: true atau.

Contoh

false
var x = true;

Coba Sendiri

var y = false;

Bilangan 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 yang dinamakan cars, berisi tiga item (merk mobil):

Coba Sendiri

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

Indeks array berdasarkan nol, yang berarti item pertama adalah [0], item 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 oleh koma.

Coba Sendiri

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

Objek dalam contoh di atas (person) memiliki empat properti: firstName, lastName, age serta eyeColor.

operator typeof

Anda akan belajar lebih banyak tentang objek di tutorial ini. typeof untuk menentukan jenis variabel JavaScript:

Operator typeof mengembalikan jenis variabel atau ekspresi:

Contoh

typeof ""                  // Mengembalikan "string"
typeof "Bill"              // 返回 "string"
typeof "Bill Gates"          // Mengembalikan "string"

Coba Sendiri

Contoh

typeof 0                   // Mengembalikan "number"
typeof 314                 // Mengembalikan "number"
typeof 3.14                // 返回 "number"
typeof (7)                 // Mengembalikan "number"
typeof (7 + 8)             // Mengembalikan "number"

Coba Sendiri

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

Undefined

Dalam JavaScript, variabel yang tidak mempunyai nilai, nilai adalah undefined。typeof 也返回 undefined.

Contoh

var person;                  // 值是 undefined，类型是 undefined。

Coba Sendiri

任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined.

Contoh

person = undefined;          // 值是 undefined，类型是 undefined。

Coba Sendiri

空值

空值与 undefined 不是一回事。

空的字符串变量既有值也有类型。

Contoh

var car = "";                // 值是 ""，类型是 "string"

Coba Sendiri

Null

在 JavaScript 中，null 是 "nothing"。它被看做不存在的事物。

不幸的是，在 JavaScript 中，null 的数据类型是对象。

您可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null.

您可以通过设置值为 null 清空对象：

Contoh

var person = null;           // 值是 null，但是类型仍然是对象

Coba Sendiri

您也可以通过设置值为 undefined 清空对象：

Contoh

var person = undefined;           // 值是 undefined，类型是 undefined。

Coba Sendiri

Undefined 与 Null 的区别

Undefined 与 null 的值相等，但类型不相等：

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

Coba Sendiri

原始数据

原始数据值是一种没有额外属性和方法的单一简单数据值。

typeof 运算符可返回以下原始类型之一：

  • string
  • number
  • boolean
  • undefined

Contoh

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

Coba Sendiri

Data kompleks

typeof Operator dapat mengembalikan salah satu dari dua jenis 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" (bukan "array", lihat catatan di bawah)
typeof null                  // Mengembalikan "object"
typeof function myFunc(){}   // Mengembalikan "function"

Coba Sendiri

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

Bacaan Ekstra

Panduan Tingkat tinggi JavaScript：