DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript類型系統之布爾Boolean類型詳解
JavaScript類型系統之布爾Boolean類型詳解
編輯:關於JavaScript     

前面的話

  布爾值Boolean類型可能是三種包裝對象Number、String和Boolean中最簡單的一種。Number和String對象擁有大量的實例屬性和方法,Boolean卻很少。從某種意義上說,為計算機設計程序就是與布爾值打交道,作為最基本的事實,所有的電子電路只能識別和使用布爾數據。本文將介紹布爾Boolean類型

定義

  布爾Boolean類型表示邏輯實體,它只有兩個值,保留字true和false,分別代表真和假這兩個狀態

  Boolean包裝類型是與布爾值對應的引用類型,在布爾表達式中使用Boolean對象容易造成誤解

var b1 = true;
var b2 = new Boolean(true);
console.log(b1,typeof b1);//true 'boolean'
console.log(b2,typeof b2);//Boolean{[[PrimitiveValue]]: true} 'object'
console.log(b1.valueOf(), typeof b1.valueOf());//true 'boolean'
console.log(b2.valueOf(), typeof b2.valueOf());//true 'boolean'

應用場景

  布爾類型主要應用於如下場景:

  【1】條件和循環語句

  布爾值主要應用於條件和循環語句的條件部分。比如,if語句中,如果布爾值為true執行第一段邏輯,如果為false執行另一段邏輯。通常將一個創建布爾值的比較直接與使用這個比較的語句結合在一起

if(a > 1){
//條件為true時,執行此處
}else{
//條件為false時,執行此處
}

  【2】邏輯運算符

  邏輯運算符又叫布爾運算符。邏輯非運算符總是返回布爾值,而邏輯或和邏輯與操作並非如此

  同時使用一個邏輯非操作符,可以將類型轉換為布爾型

console.log(!!1);//true
console.log(!!0);//false
console.log(!!' ');//true
console.log(!!'');//false

  【3】關系運算符

  關系運算符用於測試兩個值之間的關系,根據關系是否存在而返回true或false,關系表達式總是返回一個布爾值,通常在if、while或for語句中使用關系表達式,用以控制程序的執行流程

console.log( 1 > 2);//false
console.log( 1 < 2);//true

轉為布爾

  將一個值轉為布爾值可使用Boolean()轉型函數

假值

  轉換成false的值稱為假值(falsy value),這7個值包括undefined、null、+0、-0、NaN、false、""(空字符串)

console.log(Boolean(undefined));//false
console.log(Boolean(null));//false
console.log(Boolean(0));//false
console.log(Boolean(-0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(''));//false
console.log(Boolean(false));//false

  [注意]在Number()方法中空字符串和空白字符串都轉換為0,而在Boolean方法中,空字符串""轉換為false,而空白字符串" "轉換為true

console.log(Number(''));//0
console.log(Number(' '));//0
console.log(Boolean(''));//false
console.log(Boolean(' '));//true

  除了這7個假值外,其他的值轉換為布爾值都是true,也稱為真值(truthy value)

  [注意]所有對象(包括空對象)的轉換結果都是true,甚至連false對應的布爾對象new Boolean(false)也是true

console.log(Boolean({}));//true
console.log(Boolean([]));//true
console.log(Boolean(new Boolean(false)));//true
console.log(Boolean(false));//false
console.log(Boolean(new Boolean(null)));//true
console.log(Boolean(null));//false

實例方法

  Boolean對象是與布爾值對應的包裝類型,繼承了Object對象的通用方法toString()、toLocaleString()、valueOf()這三個方法

【toString()】

  toString()方法返回Boolean的字符串值('true'或'false')

【toLocaleString()】

  toLocaleString()方法返回Boolean的字符串值('true'或'false')

【valueOf()】

  valueOf()方法返回Boolean的原始布爾值(true或false)

console.log(true.valueOf());//true
console.log(true.toString());//'true'
console.log(true.toLocaleString());//'true'
console.log(Boolean(false).valueOf());//false
console.log(Boolean(false).toString());//'false'
console.log(Boolean(false).toLocaleString());//'false'

以上所述是小編給大家介紹的JavaScript類型系統之布爾Boolean類型詳解的全部敘述,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved