数据类型和强制转换
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) // "123"
String(d) // "true"
String(c) // "null"
String(d) // "undefined"
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) // 123
Number(d) // NaN
Number(c) // 0
Number(d) // NaN
Number(e) // 1
Number(f) // 0
parseInt() / parseFloat()
- parseInt() 把一个字符串转换为一个整数
- parseInt()转换规则:从左往右依次读取,把有效的整数内容取出来,遇到第一个非数字 内容就停止读取,如果第一个字符就是非数字则转换为NaN;
var a = '123ass'
var b = as123
parseInt(a) // 123
parseInt(b) // NaN
- parseFloat() 把一个字符串转换为一个浮点数,和parseInt()类似,不同的是可以获取有效的一个小数;
var a = '123.123.12'
var b = as123.12
parseFloat(a) // 123.123
parseFloat(b) // NaN
- parseInt()或parseFloat(),对非String使用,它会先将其转换为String,然后 再操作
2.3转换为Boolean
Boolean()
- 数字转布尔值,除了0和NaN都是true
- 字符串转为布尔值,除了空串都是true
- null和undefined转换为布尔值,都是false
- 对象也会转换为true
3.隐式类型转换
3.1转换为String
- 算法运算符(+), 任何值和字符串做 + 时,都会先转换为字符串,然后再和字符串做拼串操作;多个值 + 时 ,从左向右运算,注意数值类型;
- 可以利用这一特点,来将任意数据类型转换为String,只需(任意字符串 + “”)即可转换为String;这是一种隐式类型转换,由浏览器自动完成,实际上也是调用了String()函数;
var a = 123
a = a + "" // "123"
console.log(typeof a) // "string"
3.2转换为Number
- 算法运算符(- * / %),任何值做 - * /,都会将其转换为Number,再做运算;可以利用这一特点,来将任意数据类型转换为Number,只需(任意字符串 - 0)(任意字符串 * 1)(任意字符串 / 1)即可转换为Number,这是一种隐式类型转换,由浏览器自动完成,实际上也是调用了Number()函数;
var a = "123"
a = a - 0 // 123
a = a * 1
a = a / 1
console.log(typeof a) // "number"
- 一元运算符(+(正号) ),对于非Number类型的值,它会先转换为Number,然后再运算;可以对一个其他数据类型使用+,来将其装换为number,隐式类型转换,它的原理和Number()函数一样;
var a = "123"
a = +a // 123
console.log(typeof a) // "number"
3.3转换为Boolean
- 逻辑计算符(!非),! 对一个布尔值做取反运算;如果对非布尔值取反,则会将其转换为布尔值,再取反;可以利用其特点,将其他数据类型取两次反,转换为布尔值;原理和Boolean()一样;
var a = "123"
a = !!a // true
console.log(typeof a) // "Boolean"
还有一些隐式类型的转换方式,这里就不太详细写了,接下来会详细写一篇关于js运算符的知识点,哪里也会详细介绍的,了解这些相信你足以应对关于这方面的面试啦,记得曾经面试的时候貌似被问到过这些知识点;
最近又开始在复习一遍js和vue相关的知识,这些都是我在学习时的一些个人笔记,俗话说:“独乐乐不如众乐乐!”,分享是一种美德,嘿嘿!