JS 里的数据类型转换

2018-11-10 本文已影响0人 tolstory

总结一下JS中常用的数据类型转换

toString(),可以将数字，对象及布尔值的数据转换为字符串的形式。

var a=1
a.toString()   // "1"

var b=true
b.toString() // 'true'

null和undefined不能用toString转换。强行转换会让系统报错。

这里要说明的是对象这种数据类型，用toString()转换结果不太一样。

var a ={x:1,y:2}
a.toString()   //"[object Object]"

日常使用中转换字符串的方式其实更为简单。
将需要转换的数据后加 ' ' 即可

var a ={}
a + ' '  //  "[object Object] "

这种方式甚至可以将null和undefined转换为字符串

var a = null
a + ''  //  null

所有的数据类型都可以转换为布尔值。普通的转换方式使用Boolean()

var a = {};
Boolean(a)  // true

Boolean('123') // true

Boolean(123)  // true

Boolean(null) // false

日常转换布尔值的方式是 !!

!! undefined // false

特别强调的是只有五个特殊值转换结果为false，其他都是true

0,NaN,'',undefined,null

这五个值被称为falsy值。

3.转换为数字

一般将字符串转化为数字。如果某些类型无法转换为数字，则返回结果为NaN。
常用的方式有以下几种
(1) Number()

Number('1') //  1
Number('wang') // NaN

(2)parseInt()
转换为整数,从数据的第一位开始解析，直到喷到非数字数据类型就跳出，返回之前解析到的数字。

parseInt('1.23')  //  1
parseInt('23') // 23
parseInt('12s') // 12

(3)parseFloat()
转换为小数

parseFloat('1.232')  //

(4) '1'-0

'1.321312'-0   / 1.321312

(5) +'1'

+ '3.2123123'  //  3.2123123

JS 引擎将内存分为代码区和数据区,我们只研究数据区,数据区分为 Stack（栈内存）和 Heap（堆内存）。简单类型的数据直接存在 Stack 里复杂类型的数据是把 Heap 地址存在 Stack 里。

浅复制——拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做“（浅复制）浅拷贝”，换句话说，浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。

深复制——在计算机中开辟了一块新的内存地址用于存放复制的对象。

var a = 1
var b = a
b = 2 //这个时候改变 b

a 完全不受 b 的影响。那么我们就说这是一个深复制。
对于简单类型的数据来说，赋值就是深拷贝。
对于复杂类型的数据（对象）来说，才要区分浅拷贝和深拷贝。
这是一个浅拷贝的例子

var a = {name: 'frank'}
var b = a
b.name = 'b'
a.name === 'b' // true

我们对 b 操作后，a 也变了

什么是深拷贝了，就是对 Heap 内存进行完全的拷贝。

var a = {name: 'frank'}
var b = deepClone(a) 
b.name = 'b'
a.name === 'a' // true

如果一个对象没有被引用，他就是垃圾，将被回收。