快捷導(dǎo)航

JavaScript隱式類型轉(zhuǎn)換代碼實(shí)例

更新時(shí)間：2020年05月29日 08:44:38 作者：Nyan

這篇文章主要介紹了JavaScript隱式類型轉(zhuǎn)換代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

值類型之間的數(shù)據(jù)類型轉(zhuǎn)換:

（1）數(shù)字和字符串使用+運(yùn)算符:

數(shù)字和字符串如果使用+運(yùn)算符進(jìn)行操作，那么會(huì)將數(shù)字先轉(zhuǎn)換為字符串，然后進(jìn)行字符串連接操作:

var str = "string text ";
var num = 10;
console.log(str + num) // "string text 10"

(2）布爾值參與的+運(yùn)算符操作:

如果有布爾型參與，那么首先會(huì)將布爾值轉(zhuǎn)換為對(duì)應(yīng)的數(shù)字或者字符串，然后再進(jìn)行相應(yīng)的字符串連接或者算數(shù)運(yùn)算。

var num = 12;
var bool = true;
var str = "text";
console.log(num + bool) //13
console.log(str + bool) // "text true"

（3）Null和Undefined參與的+運(yùn)算符操作

如果和數(shù)字進(jìn)行計(jì)算，null會(huì)轉(zhuǎn)化為0，undefined會(huì)轉(zhuǎn)化成NaN

注意：Null轉(zhuǎn)換為0，Undefined轉(zhuǎn)換成NaN

console.log(undefined + 1) //NaN
console.log(null + 1) // 1

首先調(diào)用string（）方法，取得相應(yīng)的字符串值再進(jìn)行操作

var a;
var str='123';
console.log(a + str);//'undefined123'
var a=null;
var str='123';
console.log(a + str);//'null123'

（4）==等性運(yùn)算:

undefined和null比較特殊，它們兩個(gè)使用==運(yùn)算符返回值是true。

其他值類型（Number、Boolean、Null、Undefined）進(jìn)行比較的時(shí)候都會(huì)將運(yùn)算數(shù)轉(zhuǎn)換為數(shù)字

console.log(undefined == null); // true
console.log("1" ==true); //true

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

時(shí)間處理工具?dayjs使用示例詳解
這篇文章主要為大家介紹了時(shí)間處理工具?dayjs使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
javascript支持firefox,ie7頁面布局拖拽效果代碼
javascript 拖拽頁面拖拽拖拽效果的頁面超級(jí)拖拽 javascript支持firefox,ie7頁面布局拖拽效果代碼鼠標(biāo)拖拽
2007-12-12
JS Thunk 函數(shù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS Thunk 函數(shù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS Thunk 函數(shù)的具體含義、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
laravel實(shí)現(xiàn)中文和英語互相切換的例子
今天小編就為大家分享一篇laravel實(shí)現(xiàn)中文和英語互相切換的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS基于for語句編寫的九九乘法表示例
這篇文章主要介紹了JS基于for語句編寫的九九乘法,涉及for語句循環(huán)輸出結(jié)合table表格布局實(shí)現(xiàn)九九乘法功能的相關(guān)操作技巧,需要的朋友可以參考下
2018-01-01
Ionic快速安裝教程
Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。通過 SASS 構(gòu)建應(yīng)用程序，它提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。接下來小編給大家介紹如何安裝 Ionic 在自己的電腦上搭建一個(gè)簡單的小應(yīng)用，感興趣的朋友一起看看吧
2016-06-06
js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法
這篇文章主要介紹了js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法,結(jié)合實(shí)例較為詳細(xì)的分析了JavaScript與jQuery針對(duì)checkbox復(fù)選框全選與反選的操作技巧,需要的朋友可以參考下
2016-01-01
ionic js 模型 $ionicModal 可以遮住用戶主界面的內(nèi)容框
這篇文章主要介紹了ionic js 模型 $ionicModal 可以遮住用戶主界面的內(nèi)容框的相關(guān)資料,需要的朋友可以參考下
2016-06-06
js判斷url是否有效的兩種方法
本篇文章主要是對(duì)js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-03-03
javascript實(shí)現(xiàn)自由編輯圖片代碼詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)自由編輯圖片代碼詳解，在當(dāng)下的的前端項(xiàng)目中，圖片功能可以說是非常常見的，圖片的展示、圖片的裁剪編輯、圖片的上傳等，那么我們的項(xiàng)目便來了個(gè)需求。,需要的朋友可以參考下
2019-06-06