JavaScript中的數據類型怎么使用

這篇文章主要介紹“JavaScript中的數據類型怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript中的數據類型怎么使用”文章能幫助大家解決問題。

一、基本數據類型（原始值類型）

基本類型：字符串（String）、數字(Number)、布爾(Boolean)、對空（Null）、未定義（Undefined）、Symbol。

基本類型的變量是存放在棧內存（Stack）里，棧內存中保存了變量標識符和指向堆內存中該對象的指針。

注：Symbol 是 ES6 引入了一種新的原始數據類型，表示獨一無二的值。

JavaScript 擁有動態類型。這意味著相同的變量可用作不同的類型：

var x;               // x 為 undefined
var x = 5;           // 現在 x 為數字
var x = "John";      // 現在 x 為字符

1、字符串

字符串是存儲字符（比如 "Bill Gates"）的變量。

字符串可以是引號中的任意文本。您可以使用單引號或雙引號：

var carname="Volvo XC60";
var carname='Volvo XC60';

您可以在字符串中使用引號，只要不匹配包圍字符串的引號即可：

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

2、數字

JavaScript 只有一種數字類型。數字可以帶小數點，也可以不帶：

var x1=34.00;      //使用小數點來寫
var x2=34;         //不使用小數點來寫

極大或極小的數字可以通過科學（指數）計數法來書寫：

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

3、布爾

布爾（邏輯）只能有兩個值：true 或 false。

var x=true;
var y=false;

布爾常用在條件測試中。

要把任何值轉換為布爾型數據，在值的前面增加兩個 !! 感嘆號即可，!!0 為 False，其余的均為 True。

4、undefined 和 null

undefined 這個值表示變量不含有值。

可以通過將變量的值設置為 null 來清空變量。注意 undefined 和 null 都是小寫

cars=null;
person=null;

Undefined 與 null 的值相等，但類型不相等：

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

原始數據值是一種沒有額外屬性和方法的單一簡單數據值。

typeof 運算符可返回以下原始類型之一：

• string

• number

• boolean

• undefined

typeof "Bill"              // 返回 "string"
typeof 3.14                // 返回 "number"
typeof true                // 返回 "boolean"
typeof false               // 返回 "boolean"
typeof x                   // 返回 "undefined" (假如 x 沒有值)

二、引用數據類型：

對象(Object)、數組(Array)、函數(Function)。引用類型的值是保存在堆內存（Heap）中的對象（Object），堆內存中保存了對象的內容。

1、數組

下面的代碼創建名為 cars 的數組：

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

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

創建空的數組

var arr3 = new Array( );  
var arr4 = [ ];

數組下標是基于零的，所以第一個項目是 [0]，第二個是 [1]，以此類推。

您將在本教程稍后的章節中學到更多關于數組的知識。

2、 對象

對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的對象 (person) 有三個屬性：firstname、lastname 以及 id。

空格和折行無關緊要。聲明可橫跨多行：

var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};

也可先創建對象再追加屬性和方法

var people = new Object();
people.name = 'Tom';   
people.age = 21;  
people.eat = function(){  }

對象屬性有兩種尋址方式：

name=person.lastname;
name=person["lastname"];

3、函數

var  fn = function(){};
console.log(typeof(fn));  //'function'

typeof 運算符可返回以下兩種類型之一：

• typeof 運算符把對象、數組或 null 返回 object。

• typeof 運算符不會把函數返回 object。

typeof {name:'Bill', age:62} // 返回 "object"
typeof [1,2,3,4]             // 返回 "object" (并非 "array"，參見下面的注釋)
typeof null                  // 返回 "object"
typeof function myFunc(){}   // 返回 "function"

typeof 運算符把數組返回為 "object"，因為在 JavaScript 中數組即對象。如果你要判斷該對象是否為數組，可以使用以下兩種方法:

1、使用 isArray 方法：IE9+開始支持

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
// 判斷是否支持該方法
if (Array.isArray) {
    if(Array.isArray(cars)) {
        document.write("該對象是一個數組。") ;
    }
}

2、使用 instanceof 操作符

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

if (cars instanceof Array) {
    document.write("該對象是一個數組。") ;
}

關于“JavaScript中的數據類型怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。