JavaScript 基本數(shù)據(jù)類型轉換你了解嘛
前言
數(shù)據(jù)類型轉換是我們在前端開發(fā)中經常遇到的場景,一般而言,在 JavaScript 中類型轉換有三種情況:
- 轉換為數(shù)字(調用 Number(),parseInt(),parseFloat()方法)
- 轉換為字符串(調用.toString()或 String()方法)
- 轉換為布爾值(調用 Boolean()方法)
需要注意的是:null、undefined 沒有.toString()
方法。
轉換為數(shù)字
Number(string) 方法
Number()
可以把任意值轉換成數(shù)字,如果要轉換的目標對象(一般是字符串)中有不是數(shù)字的值,則會返回 NaN
。
Number('1') // 1 Number(true) // 1 Number('123s') // NaN Number({}) //NaN
parseInt(string, radix)
解析一個字符串并返回指定基數(shù)的十進制整數(shù),radix 是 2-36 之間的整數(shù),表示被解析字符串的基數(shù)。
parseInt('2') //2 parseInt('2',10) // 2 parseInt('2',2) // NaN parseInt('a123') // NaN 如果第一個字符不是數(shù)字或者符號就返回NaN parseInt('123a') // 123
parseFloat(string)
解析一個參數(shù)并返回一個浮點數(shù)。
parseFloat('123a') //123 parseFloat('123a.01') //123 parseFloat('123.01') //123.01 parseFloat('123.01.1') //123.01
隱式轉換
let str = '123'-str// -123str+1 // '1231'+str+1 // 124let res = str - 1 //122let str = '123' -str // -123 str+1 // '1231' +str+1 // 124 let res = str - 1 //122
轉換為字符串
toString()
將目標對象轉換為字符串。
注意:null,undefined 不能調用。
Number(123).toString() //'123' [].toString() //'' true.toString() //'true'
String()
String()
的作用比較強大,它可以將任何傳入的值都轉為字符串。
String(123) //'123' String(true) //'true' String([]) //'' String(null) //'null' String(undefined) //'undefined' String({}) //'[object Object]'
隱式轉換
當 + 兩邊有一個是字符串,另一個是其它類型時,會先把其它類型轉換為字符串再進行字符串拼接,返回字符串:
let a = 1 a + '' // '1'
轉換為布爾值
Boolean()
Boolean()
方法會將以下值轉換為 false:
- 0
- “”
- null
- undefined
- NaN
其余的所有值都會被轉換為 true。
Boolean('') //false Boolean(0) //false Boolean(1) //true Boolean(null) //false Boolean(undefined) //false Boolean(NaN) //false Boolean({}) //true Boolean([]) //true
條件語句
在條件語句中,我們一般不會主動進行布爾轉換。
let a if(a) { //... //這里a為undefined,會轉為false,所以該條件語句內部不會執(zhí)行 }
隱式轉換
let str = '111' console.log(!!str) // true
總結
以上就是 JavaScript 基本數(shù)據(jù)類型轉換相關的知識總結,其中最需要注意的是隱式轉換。
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關注腳本之家的更多內容!
- JavaScript數(shù)據(jù)類型轉換實例(其他類型轉字符串、數(shù)值型、布爾類型)
- JavaScript數(shù)據(jù)類型轉換詳解(推薦)
- JavaScript顯式數(shù)據(jù)類型轉換詳解
- JavaScript的數(shù)據(jù)類型轉換原則(干貨)
- javascript基本數(shù)據(jù)類型和轉換
- JavaScript中數(shù)據(jù)類型轉換總結
- 詳解Javascript數(shù)據(jù)類型的轉換規(guī)則
- 全面了解JavaScript的數(shù)據(jù)類型轉換
- JavaScript實現(xiàn)數(shù)據(jù)類型的相互轉換
- JavaScript中的數(shù)據(jù)類型轉換方法小結
- 淺談JavaScript數(shù)據(jù)類型及轉換
- Javascript基礎教程之數(shù)據(jù)類型轉換
- js 數(shù)據(jù)類型轉換總結筆記
- JavaScript數(shù)據(jù)類型轉換
相關文章
javascript學習筆記(五) Array 數(shù)組類型介紹
javascript學習筆記之Array 數(shù)組類型介紹,需要的朋友可以參考下2012-06-06基于JavaScript 數(shù)據(jù)類型之Boolean類型分析介紹
本篇文章小編為大家介紹,基于JavaScript 數(shù)據(jù)類型之Boolean類型分析介紹。需要的朋友參考下2013-04-04深入探討JavaScript的最基本部分之執(zhí)行上下文
今天小編就為大家分享一篇關于深入探討JavaScript的最基本部分之執(zhí)行上下文,小編覺得內容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-02-02Javascript & DHTML 實例編程(教程)DOM基礎和基本API
Javascript & DHTML 實例編程(教程)DOM基礎和基本API...2007-06-06分享javascript實現(xiàn)的冒泡排序代碼并優(yōu)化
本文給大家匯總介紹了幾個個人收藏的JavaScript實現(xiàn)冒泡排序的代碼,都是非常的不錯,有需要的小伙伴可以參考下2016-06-06javascript中數(shù)組array及string的方法總結
本文結合自己的使用經驗,給大家總結了javascript中數(shù)組array及string的使用方法,這里推薦給有需要的小伙伴。2014-11-11