首頁 web前端 js教程 Javascript中雙等號(==)隱性轉換機制詳解

Javascript中雙等號(==)隱性轉換機制詳解

Jan 02, 2018 am 09:32 AM
javascript js 機制

在Javascript中判斷相等關係有雙等號(==)和三等號(===)兩種。其中雙等號(==)是值相等,而三等號(===)是嚴格相等(值及類型是否完全相等)。本文主要和大家詳細介紹javascript中雙等號(==)隱性轉換機制,非常不錯,具有參考借鑒價值,需要的朋友參考下吧,希望能幫助到大家。

因此有幾個常識知識:

1、對於string,number等基礎類型,==和===是有區別的

  1)不同類型間比較,==之比較「轉換成相同型別後的值」看「值」是否相等,===如果型別不同,其結果就是不等

  2)同型別比較,直接進行「值」比較,兩者結果一樣

2、對於Array,Object等高階類型,==和===是沒有區別的

  進行「指標位址」比較

#3、基礎類型與進階類型,==和===是有區別的

  1)對於==,將高階轉換為基礎類型,進行「值」比較

  2 )因為型別不同,===結果為false

換句話說,雙等號(==)在運算的時候會進行型別轉換,而三等號(===)則不會。

如:

alert('55' == 55); //true
alert('55' === 55); //false
登入後複製

Javascript語言中五大基本資料型別(原始值,也叫簡單資料型別):即 Undefined、Null、Boolean、Number 與 String 型。由於這些原始類型佔據的空間是固定的,所以可將他們儲存在較小的記憶體區域 - 堆疊中。這樣儲存方便迅速查尋變數的值;

Javascript中使用雙等號(==)判斷相等的隱性轉換機制:

#1,如果兩邊都是簡單型別:

  1,1,兩邊都是簡單類型,且類型相同,則直接進行比較。

console.log(1==1); //true
console.log("1"=="1"); //true
console.log(false==false); //true
console.log(null==null); //true
console.log(undefined==undefined); //true
登入後複製

  1.2,兩邊都是簡單類型,類型不同,則先轉換為數字比較(其中Boolean只有兩個值:true==1,false==0;null與undefined相等;字串數字等於數字值,空字串""==0;)

console.log(1==true); //true
console.log(0==false); //true
console.log(1=="1"); //true
console.log(0==""); //true
console.log(0==null); //false
console.log(0==undefined); //false
console.log(null==undefined); //true
登入後複製

2,如果一邊是簡單類型,另一邊是引用類型(高級類型),則高級類型隱式轉換成簡單類型再比較。

console.log(Object==Object); //true
console.log(Object=={}); //false
console.log(0=={}); //false
console.log(0==[]); //true
console.log(Array==Array); //true
console.log(Object==Array); //false
登入後複製

3,如果兩邊都是引用型別(進階型別),則會進行「指標位址」比較。

重點-toString()和valueOf()

很多人看到這兩個方法的第一個感覺就是,toString()方法將一個物件轉換為字串,valueOf方法將一個物件轉化為數值。

這種想法很片面,我們透過以下兩個例子來看看:

var obj={
  name:"熊仔其人",
  getName:function(){ return $(this).name; }
};
console.log(obj.toString()); //[object Object]
登入後複製

定義一個obj對象,呼叫它的toString方法,傳回值是[object Object],發現並未像我們想像的一樣傳回值其內容的字串表示。

var arr=[1,2,3];
console.log(arr.valueOf()); //(3) [1, 2, 3]
登入後複製

定義一個陣列arr,呼叫它的valueOf方法,傳回值是[1, 2, 3],發現也並未像我們想像的一樣傳回數值類型的表示。

其實真正的理解是這樣的:呼叫物件的toString()方法可以將物件轉換為字串,但是如果要轉換成字串不一定是呼叫toString方法。

我們再看看下面的程式碼。

var obj= { };   
obj.valueOf=function(){ return 1; }
obj.toString=function(){ return 2; }
console.log(obj==1);  //true
var obj2= { };   
obj2.valueOf=function(){ return 2; }
obj2.toString=function(){ return 1; }
console.log(obj2==1);  //false                                      
var obj3={ };
obj3.valueOf=function(){ return []; }
obj3.toString=function(){ return 1; }
console.log(obj3==1);  //true
登入後複製

上述程式碼中我們定義了一個物件obj,obj2,定義了valueOf和toString方法的回傳值,透過與1比較相等,發現其優先呼叫了valueOf方法。

接著定義了一個物件obj3,定義了valueOf和toString方法的回傳值,透過與1比較相等,發現其呼叫的是toString方法。

然後我們看下面一段程式碼:

var obj= { };   
obj.valueOf=function(){ return 'a'; }
obj.toString=function(){ return 2; }
console.log(obj=='a');  //true
var obj2= { };   
obj2.valueOf=function(){ return 'b'; }
obj2.toString=function(){ return 'a'; }
console.log(obj2=='a');  //false
登入後複製

上述程式碼2中定義一個物件obj,透過與字串'a'比較發現其呼叫的是valueOf方法。

然後物件obj2與'a'的比較回傳false,發現其並未呼叫toString方法。

由此我們可以得出結論:

物件轉換為簡單類型時會優先呼叫valueOf方法,如果可以與簡單值進行比較則會直接比較,此時不再呼叫toString方法。如果呼叫valueOf方法後無法與簡單值進行比較,則會再呼叫toString方法,最終得到比對的結果。

但是要注意的一點是Date物件不符合上述的規則,Date物件的toString和valueOf方法都是重新定義過的,預設會呼叫toString方法。

PS:js的雙等號隱式轉換規則

使用雙等號進行比較的時候,當兩個運算元類型不一樣時,雙等號會進行一個隱式轉換,轉換成相同類型再比較,以下是轉換規則,在紅寶書P51頁都能查到。 (自己總是忘記,還是覺得好記性不如爛筆頭,寫一寫總是影響深刻)

1、有一個操作數為布爾值,將布爾值轉換成數值再進行比較,false為0,true為1.

2、一個為字串,另一個為數字。將字串轉換成數值再進行比較。

3、一個運算符為對象,另一個不是對象,先利用 valueOf() 得到對象值得類型,再依照其他規則比較。

相關推薦:

Javascript中關於雙等號隱性轉換機制的範例

#

Oracle資料類型的隱性轉換

關於JavaScript中的一些隱含轉換和總結實例

以上是Javascript中雙等號(==)隱性轉換機制詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬,在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別,大大縮短了使用者等待時間,提高了使用者體驗;弱勢是:受到模型大小限制,其中準確率也有限。如何在web端使用js實現人臉偵測呢?為了實現Web端人臉識別,需要熟悉相關的程式語言和技術,如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是,由於Web端的計

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 Dec 18, 2023 pm 03:39 PM

隨著網路金融的快速發展,股票投資已經成為了越來越多人的選擇。而在股票交易中,蠟燭圖是常用的技術分析方法,它能夠顯示股票價格的變動趨勢,幫助投資人做出更精準的決策。本文將透過介紹PHP和JS的開發技巧,帶領讀者了解如何繪製股票蠟燭圖,並提供具體的程式碼範例。一、了解股票蠟燭圖在介紹如何繪製股票蠟燭圖之前,我們首先需要先了解什麼是蠟燭圖。蠟燭圖是由日本人

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

js和vue的關係 js和vue的關係 Mar 11, 2024 pm 05:21 PM

js和vue的關係:1、JS作為Web開發基石;2、Vue.js作為前端框架的崛起;3、JS與Vue的互補關係;4、JS與Vue的實踐應用。

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP狀態碼取得方法簡介:在進行前端開發中,我們常常需要處理與後端介面的交互,而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法,並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時,服務

深入了解CSS佈局重新計算與渲染的機制 深入了解CSS佈局重新計算與渲染的機制 Jan 26, 2024 am 09:11 AM

CSS回流(reflow)和重繪(repaint)是網頁效能優化中非常重要的概念。在開發網頁時,了解這兩個概念的工作原理,可以幫助我們提高網頁的回應速度和使用者體驗。本文將深入探討CSS回流和重繪的機制,並提供具體的程式碼範例。一、CSS回流(reflow)是什麼?當DOM結構中的元素發生視覺性、尺寸或位置改變時,瀏覽器需要重新計算並套用CSS樣式,然後重新佈局

JS 的 AI 時代來了! JS 的 AI 時代來了! Apr 08, 2024 am 09:10 AM

JS-Torch簡介JS-Torch是一種深度學習JavaScript函式庫,其語法與PyTorch非常相似。它包含一個功能齊全的張量物件(可與追蹤梯度),深度學習層和函數,以及一個自動微分引擎。 JS-Torch適用於在JavaScript中進行深度學習研究,並提供了許多方便的工具和函數來加速深度學習開發。圖片PyTorch是一個開源的深度學習框架,由Meta的研究團隊開發和維護。它提供了豐富的工具和函式庫,用於建立和訓練神經網路模型。 PyTorch的設計理念是簡單和靈活,易於使用,它的動態計算圖特性使

js刷新當前頁面的方法 js刷新當前頁面的方法 Jan 24, 2024 pm 03:58 PM

js刷新目前頁面的方法:1、location.reload();2、location.href;3、location.assign();4、window.location。詳細介紹:1、location.reload(),使用location.reload()方法可以重新載入目前頁面;2、location.href,可以透過設定location.href屬性來刷新目前頁面等等。

See all articles