数据类型和强制转换
1.六种数据类型2.强制类型转换2.1转换为StringtoString()String()
2.2转换为NuberNumber()parseInt() / parseFloat()
2.3转换为BooleanBoolean()
3.隐式类型转换3.1转换为String3.2转换为Number3.3转换为Boolean
1.六种数据类型
String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象 String 、Number、 Boolean、 Null 、Undefined 这五种数据类型为基本数据类型,Object 对象为引用数据类型; typeof 变量 可检查数据类型,但是使用typeof 检查null值时,会返回object;推荐大家可以使用Object.prototype.toString.apply()进行数据检测
2.强制类型转换
就是指将一个数据类型强制转换为其他数据类型类型转换主要指,将其他的数据类型。转换为String、Number、Boolean
2.1转换为String
toString()
调用被转换数据类型的toString()方法;该方法不会影响原变量,它会将转换结果返回;注意:null和undefined这两个值没有toString()方法,调用会报错
String()
调用String()函数,并将被装换的数据作为参数传递给函数;该方法不会影响原变量,它会将转换结果返回;使用String()函数做强制类型转换时,null和undefined这两个值可以转换为String;对于Number、Boolean实际上就是调用toString()方法;null和undefined,不会调用toString()方法,而是直接转换成“null”、“undefined”;
var a
= 123
var b
= true
var c
= null
var d
= undefined
String(a
)
String(d
)
String(c
)
String(d
)
2.2转换为Nuber
Number()
如果是纯数字的字符串,直接转换为数字;如果字符串中有非数字的内容或者是undefined,则转换成NaN如果字符串是空串或者空格,则转换成0如果是布尔值;true转换为1,false转换为0;如果是Null,转换为0
var a
= "123"
var b
= "12as"
var c
= " "
var d
= undefined
var e
= true
var f
= Null
Number(a
)
Number(d
)
Number(c
)
Number(d
)
Number(e
)
Number(f
)
parseInt() / parseFloat()
parseInt() 把一个字符串转换为一个整数parseInt()转换规则:从左往右依次读取,把有效的整数内容取出来,遇到第一个非数字 内容就停止读取,如果第一个字符就是非数字则转换为NaN;
var a
= '123ass'
var b
= as123
parseInt(a
)
parseInt(b
)
parseFloat() 把一个字符串转换为一个浮点数,和parseInt()类似,不同的是可以获取有效的一个小数;
var a
= '123.123.12'
var b
= as123
.12
parseFloat(a
)
parseFloat(b
)
parseInt()或parseFloat(),对非String使用,它会先将其转换为String,然后 再操作
2.3转换为Boolean
Boolean()
数字转布尔值,除了0和NaN都是true字符串转为布尔值,除了空串都是truenull和undefined转换为布尔值,都是false对象也会转换为true
3.隐式类型转换
3.1转换为String
算法运算符(+), 任何值和字符串做 + 时,都会先转换为字符串,然后再和字符串做拼串操作;多个值 + 时 ,从左向右运算,注意数值类型;可以利用这一特点,来将任意数据类型转换为String,只需(任意字符串 + “”)即可转换为String;这是一种隐式类型转换,由浏览器自动完成,实际上也是调用了String()函数;
var a
= 123
a
= a
+ ""
console
.log(typeof a
)
3.2转换为Number
算法运算符(- * / %),任何值做 - * /,都会将其转换为Number,再做运算;可以利用这一特点,来将任意数据类型转换为Number,只需(任意字符串 - 0)(任意字符串 * 1)(任意字符串 / 1)即可转换为Number,这是一种隐式类型转换,由浏览器自动完成,实际上也是调用了Number()函数;
var a
= "123"
a
= a
- 0
a
= a
* 1
a
= a
/ 1
console
.log(typeof a
)
一元运算符(+(正号) ),对于非Number类型的值,它会先转换为Number,然后再运算;可以对一个其他数据类型使用+,来将其装换为number,隐式类型转换,它的原理和Number()函数一样;
var a
= "123"
a
= +a
console
.log(typeof a
)
3.3转换为Boolean
逻辑计算符(!非),! 对一个布尔值做取反运算;如果对非布尔值取反,则会将其转换为布尔值,再取反;可以利用其特点,将其他数据类型取两次反,转换为布尔值;原理和Boolean()一样;
var a
= "123"
a
= !!a
console
.log(typeof a
)
还有一些隐式类型的转换方式,这里就不太详细写了,接下来会详细写一篇关于js运算符的知识点,哪里也会详细介绍的,了解这些相信你足以应对关于这方面的面试啦,记得曾经面试的时候貌似被问到过这些知识点; 最近又开始在复习一遍js和vue相关的知识,这些都是我在学习时的一些个人笔记,俗话说:“独乐乐不如众乐乐!”,分享是一种美德,嘿嘿!