美文网首页
JS 里的数据类型转换

JS 里的数据类型转换

作者: tolstory | 来源:发表于2018-11-10 14:06 被阅读0次

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

1. 转换为字符串

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

2. 转换为布尔值

所有的数据类型都可以转换为布尔值。普通的转换方式使用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

4.浅谈内存图

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

5.深复制和浅复制

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

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

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

6.垃圾回收GC

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

相关文章

  • JS 里的数据类型转换

    JS 里的数据类型转换 Js中的数据类型一共有7种,即number,string,boolean,underfin...

  • 2、强制数据类型转换

    数据类型转换: 在js中,数据类型的转换有两种,分别是自动转换和强制转换 自动转换: 自动转换是用JS进行某些操作...

  • JS里的数据类型转换

    上一篇文章(JS里的数据类型)介绍了js中的数据类型。这篇主要介绍数据类型转换。 一、任意类型转字符串 转换成st...

  • JS里的数据类型转换

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 1, 显式数据类型转换 a:转数字: 1)Numb...

  • JavaScript的显式转换和隐式转换

    js的显式转换和隐式转换都是数据类型的转换;js的数据类型是弱类型的,即可以给变量赋值为任意的数据类型,当进行运算...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • JS隐式数据类型转换

    隐式数据类型转换介绍 前面有总结过 JS数据类型转换 Number(), toString(), parseInt...

  • JS的基本小结

    JS基本输出方式 JS数据类型 变量 常量 变量常量小练习 声明提前 隐式转换 显示转换/强制转换

  • JS 里的数据类型转换

    JS 里的数据类型转换 某类型转换为字符串的方法eg.var a=4 用 变量.toString()方法,a.to...

网友评论

      本文标题:JS 里的数据类型转换

      本文链接:https://www.haomeiwen.com/subject/pjszxqtx.html