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

JS 里的数据类型转换

作者: Save_Onfir3 | 来源:发表于2018-08-18 20:29 被阅读0次

数据转换成string:

number转换成string:

var n = 1
n.toString()

Boolean转string:

var b = true
b.toString()

null和undefined是不能转string的。
object是可以转string的,但是结果不是我们想要的。

var object = {name:'wen'}
object.toString()
\\输出为"[object Object]"

console.log就是运用了toString。
当他发现你不是字符串,就会去调你的字符串。

console.log(1)
等同于
console.log((1).toString())
\\打印出"1"

很多地方都会在它需要字符串的时候,去自动使用toString这个API。

例如:
obj[1] = 2
obj[true] = 3
\\1和true都会自动使用toString转化成字符串。

转string的简单写法:

1 + '' \\数字+空字符串就得到了字符串"1"
true + '' \\布尔值+空字符串就得到了字符串"true"
var obj = {}
obj + '' \\对象+空字符串就得到了字符串"[object Object]"

用这个方法甚至可以将null和undefined转为字符串。
加号的厉害之处在于如果发现左右任意一边有字符串,他就会尝试吧另外一边也变为字符串。
由于加号它只能加相同类型的东西,所以它会尝试去改变不是字符串一方的类型,优先将不是字符串的类型改变成字符串。
所以:
1+'1'
等价于
(1).toString() + '1'
输出结果为"1"

除以上两种方法外,还有一种全局方法:

window.String(1) window.String({}) window.String(true) window.String(null)
\\   "1"         "[object Object]"        "true"            "null"
\\string负责将不是string的东西变成string。

转换成布尔的全局方法:

Boolean(1) \\true
Boolean(2) \\true
Boolean(0) \\false  ps: 0表示没有
Boolean('') \\false   ps: 空字符串表示没有
Boolean('   ') \\true ps: 空格字符串表示有
\\null和undefined都是false;只要是对象都是true。

转Boolean的简单方法:

!!1 \\true
!!0 \\false
!!{} \\true
!!null \\false
!!undefined \\false
\\任何东西取反两次就会得到一个布尔。
\\所有类型都可以变成true或者是false。

JS里其它的值变成Boolean的时候。只有五个特殊值。
number里只有0和NaN是false,其它的都是true;
string里只有空为false,其它为true;
null和undefined都是false;
object全为true。
综上所述
0 , NaN , '' , null , undefined . 统称为五个falsy值。

falsy是一个形容词,表示它们是假的,但它们不是假的,并不是false。falsy是在Boolean上下文中认定可转换为false的值。

转为number:

第一种方法:

'1' → 1
number('1') === 1
parseInt('1',10) === 1
parseFloat('1.23') === 1.23

简单方法:

'1' - 0 === 1
'123' - 0 === 123
'1.23' - 0 === 1.23 
\\常用方法

更简单的方法:

+ '1' === 1
+ '123' === 123
+ '1.23' === 1.23 

注意:parseInt是从头开始,能解析多少就是多少。不能解析的就会返回。

例:
parseInt('s') \\NaN
parseInt('1s') \\1
parseInt('12s') \\12

内存图:

JS 引擎将内存分为代码区和数据区,我们只研究数据区,数据区分为 Stack(栈内存) 和 Heap(堆内存)
简单的值存入stack,复杂的值存入heap,再将heap的地址放入stack。
number,string,null,undefined,sy,Boolean都存在stack。
Heap中唯一存入object。

引用:
object存入Heap中,地址为xx,就可以说是object是对象的引用。
所有的变量跟对象之间的关系都是引用关系。

相关文章

  • 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/ongfiftx.html