当前位置: 首页 > Web前端 > JavaScript

JavaScript基础数据类型转换

时间:2023-03-27 16:01:36 JavaScript

前言数据类型转换是我们在前端开发中经常遇到的场景。一般来说,JavaScript中的类型转换分为三种类型:转换为数字(调用Number()、parseInt()、parseFloat()方法)转换为字符串(调用.toString()或String()方法)转换为Boolean值(调用Boolean()方法)。注意:null和undefined没有.toString()方法。转换为数字Number(string)Number()方法可以将任何值转换为数字。如果要转换的目标对象中有非数字的值(通常是字符串),则返回NaN。Number('1')//1Number(true)//1Number('123s')//NaNNumber({})//NaNparseInt(string,radix)解析一个字符串,返回指定基数的十进制整数,基数为2一个-36之间的整数,代表被解析字符串的基数。parseInt('2')//2parseInt('2',10)//2parseInt('2',2)//NaNparseInt('a123')//NaN返回NaNparseInt('123a')//123parseFloat(string)解析一个参数并返回一个浮点数。parseFloat('123a')//123parseFloat('123a.01')//123parseFloat('123.01')//123.01parseFloat('123.01.1')//123.01隐式转换letstr='123'-str//-123str+1//'1231'+str+1//124letres=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({})//'[objectObject]'隐式转换当+边的一个是字符串,另一个是另一种类型时,会先将另一种类型转换为字符串,然后将字符串拼接返回字符串:leta=1a+''//'1'转换为布尔值Boolean()Boolean()方法会将以下值转换为false:0""nullundefinedNaN,所有其他值都将转换为true。Boolean('')//falseBoolean(0)//falseBoolean(1)//trueBoolean(null)//falseBoolean(undefined)//falseBoolean(NaN)//falseBoolean({})//trueBoolean([])//true条件语句在条件语句中,我们一般不会主动进行布尔转换。letaif(a){//...//这里a是未定义的,会变成false,所以里面的条件语句不会执行}隐式转换letstr='111'console.log(!!str)//true小结以上是对JavaScript基本数据类型转换相关知识的总结,其中隐士转换是最需要关注的。~~本文到此结束,感谢阅读!~学习有趣的知识,认识有趣的朋友,塑造有趣的灵魂!大家好,我是〖编程三昧〗的作者王隐,我的公众号是《编程三昧》,欢迎关注,希望大家多多指教!你来,怀揣期待,我以墨香迎接你!您归来,不分得失,只送回味!知识与技能并重,内功与外功并重,理论与实践两手抓,两手都要用力!