JavaScript 基本数据类型转换你了解嘛
时间：2022-09-12 10:14:42|栏目：JavaScript代码|点击： 次
前言
数据类型转换是我们在前端开发中经常遇到的场景，一般而言，在 JavaScript 中类型转换有三种情况：
- 转换为数字（调用 Number(),parseInt(),parseFloat()方法）
- 转换为字符串（调用.toString()或 String()方法）
- 转换为布尔值（调用 Boolean()方法）
需要注意的是：null、undefined 没有.toString() 方法。
转换为数字
Number(string) 方法
Number() 可以把任意值转换成数字，如果要转换的目标对象（一般是字符串）中有不是数字的值，则会返回 NaN。
Number('1') // 1
Number(true) // 1
Number('123s') // NaN
Number({}) //NaN
parseInt(string, radix)
解析一个字符串并返回指定基数的十进制整数，radix 是 2-36 之间的整数，表示被解析字符串的基数。
parseInt('2') //2
parseInt('2',10) // 2
parseInt('2',2) // NaN
parseInt('a123') // NaN 如果第一个字符不是数字或者符号就返回NaN
parseInt('123a') // 123
parseFloat(string)
解析一个参数并返回一个浮点数。
parseFloat('123a') //123
parseFloat('123a.01') //123
parseFloat('123.01') //123.01
parseFloat('123.01.1') //123.01
隐式转换
let str = '123'-str// -123str+1 // '1231'+str+1 // 124let res = str - 1 //122let str = '123' -str // -123 str+1 // '1231' +str+1 // 124 let res = str - 1 //122
转换为字符串
toString()
将目标对象转换为字符串。
注意：null,undefined 不能调用。
Number(123).toString() //'123' [].toString() //'' true.toString() //'true'
String()
String() 的作用比较强大，它可以将任何传入的值都转为字符串。
String(123) //'123'
String(true) //'true'
String([]) //''
String(null) //'null'
String(undefined) //'undefined'
String({}) //'[object Object]'
隐式转换
当 + 两边有一个是字符串，另一个是其它类型时，会先把其它类型转换为字符串再进行字符串拼接，返回字符串：
let a = 1 a + '' // '1'
转换为布尔值
Boolean()
Boolean() 方法会将以下值转换为 false：
- 0
- “”
- null
- undefined
- NaN
其余的所有值都会被转换为 true。
Boolean('') //false
Boolean(0) //false
Boolean(1) //true
Boolean(null) //false
Boolean(undefined) //false
Boolean(NaN) //false
Boolean({}) //true
Boolean([]) //true
条件语句
在条件语句中，我们一般不会主动进行布尔转换。
let a
if(a) {
//... //这里a为undefined，会转为false，所以该条件语句内部不会执行
}
隐式转换
let str = '111' console.log(!!str) // true
总结
以上就是 JavaScript 基本数据类型转换相关的知识总结，其中最需要注意的是隐式转换。
栏 目：JavaScript代码
下一篇：javascript使用switch case实现动态改变超级链接文字及地址
本文地址：http://www.codeinn.net/misctech/213455.html
