JS数据类型转换

转化为string

toString

// 1. number
var n = 100
n.toString() // "100"
// 2. boolean
var b = true
b.toString() // "true"
// 3. null
null.toString() // 报错:Cannot read property 'toString' of null
// 4. undefined
undefined.toString() // 报错:Cannot read property 'toString' of undefined
// 5. object
var obj = {name: 'xxx'}
obj.toString() // "[object Object]" 无法得到想要的结果

延伸:console.log 等函数实际上就是使用了 toString,如果发现不是字符串,会自动调用 toString 这个API来转换成字符串

console.log(100) 
// 实际上是
console.log((100).toString())
obj[1]
// 实际上是
obj[(1).toString()]

''相加

更加方便快捷的方法

// 1. number
var n = 100
n + '' // "100"
// 2. boolean
var b = true
b + '' // "true"
// 3. null
null + '' // "null"
// 4. undefined
undefined + '' // "undefined"
// 5. object
var obj = {name: 'xxx'}
obj + '' // "[object Object]"

+ 的左右两边如果发现任意一边有字符串,它就会尝试把另外一边也变成字符串

1 + "1" // "11"

全局函数 String

// 1. number
var n = 100
String(n) // "100"
// 2. boolean
var b = true
String(b) // "true"
// 3. null
String(null) // "null"
// 4. undefined
String(undefiend) // "undefined"
// 5. object
var obj = {name: 'xxx'}
String(obj) // "[object Object]"

转化为boolean

全局函数 Boolean

// 1. numeber
Boolean(0) // false
Boolean(1) // true
Boolean(NaN) // false
// 2. string
Boolean('') // false
Boolean('1') // true
Boolean('0') // true
// 3. null
Boolean(null) // false
// 4. undefined
Boolean(undefined) // false
// 5. object
var obj = {name: 'xxx'}
Boolean(obj) // true
Boolean([]) //
Boolean({}) //

!!

// 1. numeber
!!0 // false
!!1 // true
!!NaN // false
// 2. string
!!'' // false
!!'1' // true
!!'0' // true
// 3. null
!!null // false
// 4. undefined
!!undefined // false
// 5. object
var obj = {name: 'xxx'}
!!obj // true
!![] //
!!{} //

5个falsy值

  • Number: 0 和 null
  • String: 空字符串 ""
  • Null
  • undefined

转化为number

全局函数 Number

// 1. number
Number(1) // 1
Number(NaN) // NaN

// 2. string
Number('1') // 1
Number('NaN') // NaN
Number('') // 0
Number('123abc') // NaN
Number('0.1') // 0.1
Number('1.2e+2') // 123
Number(' 123  ') // 123
Number(' 12 3  ') // NaN

// 3. boolean
Number(true) // 1
Number(false) // 0

// 4. null
Number(null) // 0

// 5. undefined
Number(undefined) // NaN

// 6. object
Number({}) // NaN
Number([]) // 0
Number([1,2]) // NaN
Number([1]) // 1
Number(['1']) // 1
Number([true])// NaN
Number([undefined]) // 0
Number([null]) // 0
Number(['']) // 0

全局函数 parseInt

转换为整数,parseInt 的参数都是字符串,如果不是则会先被转化成字符串

// 1. number
parseInt(1) // 1
parseInt(NaN) // NaN
parseInt(Infinity) // NaN
parseInt(-1.23) // -1
parseInt(0x100) // 256,里面参数都是字符串,等同于 parseInt(String(0x100))

// 2. string
parseInt('1') // 1
parseInt('NaN') // NaN
parseInt('') // NaN
parseInt('123abc') // 123
parseInt('0.1') // 0
parseInt('1.2e+2') // 1 科学计数法视为字符串
parseInt(0.0000000000001) // 1 科学计数法视为字符串
parseInt(10000.5) //
parseInt(' 123  ') // 123
parseInt(' 12 3  ') // 12
parseInt('+1') // 1
parseInt('.1') // NaN
parseInt('0x100') // 256,0x或者0X开头按照16进制解析
parseInt('0100') // 100,0开头仍然按照10进制解析
parseInt('011') // 11,0开头的数字不当做8进制,忽略0
// 字符串只转换为头部可以转换为数字的部分,不然返回NaN

// 3. boolean
parseInt(true) // NaN
parseInt(false) // NaN

// 4. null
parseInt(null) // NaN

// 5. undefined
parseInt(undefined) // NaN

// 6. object
parseInt({}) // NaN
parseInt([]) // NaN
parseInt([1,2]) // 1
parseInt([1]) // 1
parseInt(['1']) // 1
parseInt([true]) // NaN
parseInt([undefined]) // NaN
parseInt([null]) // NaN
parseInt(['']) // NaN

parseInt 默认返回10进制转10进制,即第二个参数默认为10,第二个参数范围为2-36的整数,超出这个范围的整数,则返NaN。如果不是数值或者整数,会被自动转化成一个整数,如果是 0,null,undefined,NaN 和 Infinity,则默认为10。

parseInt('100', 40)// NaN
parseInt('100', 1) // NaN
parseInt('100', 2.8) // 4
parseInt('100', '2.8') // 4
parseInt('100', 0) // 100
parseInt('100', null) // 100
parseInt('100', undefined) // 100
parseInt('100', NaN) // 100
parseInt('100', Infinity) // 100

如果第一个参数包含对指定的进制无意义的字符,则从最高位开始只转换有意义的数值,如果最高位无法转换,则直接返回NaN

parseInt('123456',2) // 1
parseInt('23456',2) // NaN
parseInt('23451',2) // NaN
parseInt(0x100,2) // NaN,等价于 parseInt(256,2)

全局函数 parseFloat

转化为浮点数,参数都是字符串,如果不是则会先被转化成字符串

parseFloat('1.23') // 1.23
parseFloat('123e-2') // 1.23 可正确转换科学计数法
parseFloat('1.23abc') // 1.23
parseFloat('abc1.23') // NaN
parseFloat (' 1.23 ') // 1.23
parseFloat (' 1.23 4.56') // 1.23

-0

快捷的方法

'1.23' - 0 // 1.23
'a123' - 0 // NaN
'123a' - 0 // NaN
' 123 ' - 0 // 123
'Infinity' - 0 // Infinity
true - 0 // 1
false - 0 // 0
null - 0 // 0
undefined - 0 // NaN
[1] - 0 // 1
[1,2] - 0 // NaN

+

快捷的方法

+ '1.23' // 1.23
+ 'a123' // NaN
+ '123a' // NaN
+ ' 123 ' // 123
+ 'Infinity' // Infinity
+ true // 1
+ false // 0
+ null // 0
+ undefined // NaN
+ [1] // 1
+ [1,2] // NaN
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,290评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,107评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,872评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,415评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,453评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,784评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,927评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,691评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,137评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,472评论 2 326
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,622评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,289评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,887评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,741评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,316评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,490评论 2 348

推荐阅读更多精彩内容

  • 概述 JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。 上面代码中,变量x到底是数...
    oWSQo阅读 3,715评论 0 2
  • 1. 转字符串 1.1 String(x) String函数可以将任意类型的值转化成字符串。 数值:转化为相应的字...
    sxfshdf阅读 590评论 0 50
  • JavaScript是一种动态类型语言,变量没有类型限制,可以随时赋予任意值,而在参与运算的时候,内部会进行一系列...
    青花_490e阅读 200评论 0 0
  • 叶子爱出汗 睡前总是说热 感觉还没有热到一定程度的时候 我习惯性的拿起一把扇子给她扇风 每一次都让我想起自己小时候...
    千寻及千阅读 272评论 0 2
  • 有那么一只鸟儿,它一生只唱一次,那歌声比世上所有一切生灵的歌声都更加优美动听。 从离开巢窝的那一刻起,它就在寻找着...
    止喜阅读 200评论 1 1