JS 里的数据类型转换

JS中的7种数据之间大部分是可以相互转换的,这篇文章做一个小小的总结。

一.任意类型转字符串

1.toString()方法。

true.toString = 'true'
({}).toString = '[object Object]'

对于数据类型nullundefined是不能够用toString()方法的。
2.全局方法String()

String(1)
 '1'
String(true)
'true'
String(null)
 'null'
String(undefined)
'undefined'
String({})
'[object Object]'

3.任意类型用+拼接空字符串 ''

1 + ''
'1'
true + ''
'true'

需要注意的是当对象与空字符串拼接时,用以下方式:

{} + ''
0
var o = {}
o + ''
'[object Object]'

二.转数字类型

1.全局方法 Number()
使用Number函数,可以将任意类型的值转化成数值。Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN。

  1. parseInt(x, 10) ,其具体的使用方式见:MDN

3.parseFloat(x) ,具体使用方式见:MDN

4.X - 0 ,当用字符串类型减去数字0,也可以实现类型的转换

'1' - 0
1
  1. + X 与方式4类型,通过+号与X拼接的形式

三.任意类型转Boolean

1.全局方法 Boolean(x)
2.技巧:!! x x的双重否定还是它自身。
JS中有六个值会被视为false,见我的上一篇文章:JS里的数据类型

四.用内存图解释关于object的常见问题

用一个比较简单的方法解释JS数据在内存中存储:
1.JS 引擎将内存分为代码区和数据区
2.我们只研究数据区
3.数据区分为 Stack(栈内存) 和 Heap(堆内存)
4.简单类型的数据直接存在 Stack 里
5.复杂类型的数据是把 Heap 地址存在 Stack 里
例如:

var a = 1
var b = a
var b = 2
a
1

b变量的变化并不会影响a变量,因为简单的数据类型会存储在stack内存中。但对于复杂数据如object,当我们声明一个对象时,其在stack中存储一个地址,该地址是其在heap中的具体地址。简单地说,就是stack中是该对象的引用。以如下常见的面试题为例:

var a = 1
var b = a
b = 2
请问 a 显示是几?  
// 1
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少?
// 'a'
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少?
// 'b'
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么?
// 'a'

如下关于变量提示的面试题:

var o = {self:o}
o.self
//undefined

因为上面的代码相当于如下:

var o 
o = {self:o}
o.self
//undefined

变量o被先声明了却没有赋值,所以为undefined。
6.垃圾回收
如果一个对象在heap中没有被引用了,就会被浏览器当作垃圾,在合适的时间被回收,释放出该内存空间。但在IE 6浏览器中,会存在垃圾回收的BUG,称为内存泄露。

6.深拷贝与浅拷贝

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

上述代码中,a 完全不受 b 的影响,我们就称之为深拷贝。
1.对于简单类型的数据来说,赋值就是深拷贝。
2.对于复杂类型的数据(对象)来说,才要区分浅拷贝和深拷贝。
如上述JS常见面试题中的一道题:

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

对b进行操作后,a也被改变了,这种情况就是浅拷贝。如果对a对象heap内存中的数据也进行完全拷贝,此时a与b就不会互相影响,这种情况就是深拷贝。

(完)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容