js的六种数据类型、强制类型转换和隐式类型转换

tech2025-06-05  9

数据类型和强制转换

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) // "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字符串转为布尔值,除了空串都是truenull和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相关的知识,这些都是我在学习时的一些个人笔记,俗话说:“独乐乐不如众乐乐!”,分享是一种美德,嘿嘿!

最新回复(0)