JavaScript類型比較

来源:http://www.cnblogs.com/haoxi/archive/2017/06/02/6935092.html
-Advertisement-
Play Games

JavaScript的類型 原始類型: number string boolean null undefined 對象類型: Object function Array Date ... 隱式轉換 運算 "37" + 7 = "377" "37" 7 = 30 運算 以下為true: "1.23" ...


JavaScript的類型

原始類型:

  • number
  • string
  • boolean
  • null
  • undefined

對象類型:

  • Object
  • function
  • Array
  • Date
  • ...

隱式轉換

+/- 運算

  • "37" + 7 = "377"
  • "37" - 7 = 30

== 運算

以下為true:

  • "1.23" == 1.23
  • 0 == false
  • null == undefined

比較運算

===嚴格等於

  • 類型不同,返回false
  • 類型相同,以下為true:
  • null === null
  • undefine === null
  • NaN != NaN
  • new Object != new Obejct

==等於

  • 類型相同,同===
  • 類型不同,嘗試類型轉換比較
  • null == undefined
  • number == string 轉number
  • boolean == ? 轉number
  • Object == number | string 嘗試對象轉換為基本類型
  • 其他:false

包裝類型

為了便於操作基本類型值,Js提供了基本類型的自動包裝功能,每單讀取一個基本類型值的時候,後臺就會創建一個對應的基本包裝類型的對象,併在調用後自動銷毀。

由於基本包裝類型和基本類型的含義並不一樣,會導致typeof等操作產生不同的結果,不推薦顯示實例化基本數據類型

var a = "string";
alert(a.length);    //6

a.t = 3;
alert(a.t);         //undefined

類型檢測

typeof

以下為true:

typeof 100 === “number”
typeof true === “boolean”
typeof function () {} === “function”
typeof(undefined) ) === “undefined”
typeof(new Object() ) === “object”
typeof( [1, 2] ) === “object”
typeof(NaN ) === “number”   //NaN也為number
typeof(null) === “object”

instanceof

obj instanceof Object 利用原型鏈進行判斷,適用於對象間判斷。它期望左邊是一對象,右邊是函數對象或函數構造器。

以下為true:

[1, 2] instanceof Array === true
new Object() instanceof Array === false

Object.prototype.toString.apply()

Object.prototype.toString.apply([]); === “[object Array]”;
Object.prototype.toString.apply(function(){}); === “[object Function]”;
Object.prototype.toString.apply(null); === “[object Null]”
Object.prototype.toString.apply(undefined); === “[object Undefined]”

// IE6/7/8 Object.prototype.toString.apply(null) 返回”[object Object]”

小結

  • typeof
    適合基本類型及function檢測,遇到null失效。

  • [[Class]]
    通過{}.toString拿到,適合內置對象和基元類型,遇到null和undefined失效(IE678等返回[object Object])。

  • instanceof
    適合自定義對象,也可以用來檢測原生對象,在不同iframe和window間檢測時失效。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一 概述 1.什麼是觀察者模式? 將一個對象視作被觀察者,當它發出某種行為或者發生某種變化時,通知所有依賴它的對象(觀察者),這種設計模式叫做觀察者設計模式。 2.觀察者設計模式的用途 用於處理一對多的依賴關係,當一個對象的狀態發生改變時,通知所有依賴於它的對象,這些對象收到通知以後採取相應的處理措 ...
  • 一 概述 1.什麼是裝飾者模式? 在不修改類,不使用繼承的前提下,用一個對象來裝飾另一個對象,以擴展目標對象的功能。 2.裝飾者模式的作用: 繼承也可以擴展類的功能,裝飾者模式比繼承更加靈活,因為繼承時子類受父類的約束,比如子類方法不能降低訪問許可權,返回值必須是父類方法返回值的子類,而裝飾模式就不受 ...
  • 分享生產列印系統的項目管理、研發、測試、運維等各方面的經驗。嘗試介紹我們設計新折桂列印平臺系統的思路。拋磚引玉,期望與大家交流。 ================================ ...
  • 1.什麼是介面? 介面是事物最高的概括,從最高層次上設計了事物的形態。本質上是一系列規範,所有實現了介面的類都實現了該規範,從而使得在相容該規範的地方任何一個實現類都適用。 2.什麼是面向介面編程? 需求商品時,不是指定特定的商品,而是指定需求的條件,任何一個符合條件的事物都可以成為合格的商品。具體 ...
  • 1.什麼是功能模塊化 將實現不同功能的代碼分別存放到不同的文件、類、方法中,每一個文件、類、方法都是一個實現單一功能的模塊。 2.為什麼使用模塊化 模塊化的文件、類、方法功能單一,可以相對獨立存在,不僅降低了對其他對象的依賴,而且層次清晰,便於維護。 3.模塊化的具體實現方法 通過增加模塊數目減小單 ...
  • avalon2是一款基於虛擬DOM與屬性劫持的 迷你、 易用、 高性能 的 前端MVVM框架, 擁有超優秀的相容性, 支持移動開發, 後端渲染, WEB Component式組件開發, 無需編譯, 開箱即用。 官網:http://avalonjs.coding.me/ 《Avalon探索之旅》第一講 ...
  • Math.ceil():向上取整 Math.floor():向下取整 Math.round():四捨五入 需要註意的比如:Math.ceil(-1.6) = -1.0; Math.round(-1.5) = -1; Math.round(-1.6) = -2; ...
  • Sticky footer佈局是什麼? 我們所見到的大部分網站頁面,都會把一個頁面分為頭部區塊、內容區塊和頁腳區塊,當頭部區塊和內容區塊內容較少時,頁腳能固定在屏幕的底部,而非隨著文檔流排布。當頁面內容較多時,頁腳能隨著文檔流自動撐開,顯示在頁面的最底部,這就是Sticky footer佈局。 圖示 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...