我是靠谱客的博主 顺心月饼,最近开发中收集的这篇文章主要介绍JavaScript入门知识:数据类型之间的转换(超详细,小白也能看懂),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在JavaScript中,如果一个变量的类型不是你所想要的,那么就可以通过类型转换来实现目的,类型转换常用的有以下5种,让我们一起来学习一下吧

一 . 将变量转换为字符串类型(XXX==>字符串)

  1. String():万能型,所有类型的变量都可使用ta来转换为字符串类型用法:String(变量)
	var age=11; var t=true; var n;//可以在一行声明多个变量
	console.log(String(age),String(true),String(n));//我们使用console.log()在控制台打印信息来查看结果,如果有对此不明白的可以留言提问哦
  1. toString():用于除Null和undefined类型的数据转换用法:变量.toString()
	console.log(age.toString(),t.toString());//使用逗号完成在一行同时打印多个结果,多个结果之间有空格
	console.log(n.toString());//报错,因为toString()不能用于null和undefined类型的数据转换
	//注意:报错之后控制台不会再显示下面要后台打印的信息,所以如果你是在一个HTML上打印的,你需要在看到打印的结果后将其注释掉

二 . 将变量转换为数值型(XXX==>数值)

  • Number():用法:Number(变量),根据变量的数据类型可以具体分为以下几种情况:
布尔型true=>1,false=>0;
Null=>0;
undefined=>NaN;
字符串=>数值:①字符串为空=>0; ②纯数字=>对应的数值(注:前导的0忽略,其他进制要转换为10进制); ③只要字符串中包含了其他非数字的内容=>NaN;
	console.log(Number(true),Number(null),Number(undefined),Number(""),Number("022"),Number("0xA"),Number("12aa"),Number(" 12"));

三 . 将变量转换为整数(XXX==>整数)

  • parseInt():用法:parseInt(变量),根据变量的数据类型可以具体分为以下几种情况:
布尔型=>NaN;
Null=>NaN;
undefined=>NaN;
字符串(他是其主要应用)=>整数:①字符串为空=>报错; ②纯数字=>取整,不四舍五入(注:前导的0忽略,其他进制要转换为10进制); ③数字开头:只保留字符串最开头的整数部分后面的字符不要; ④不是以数字开头=>NaN;
数字=>取整,其他进制要转换为10进制;

扩展????:16进制的数字,以0x开头;8进制的数字,以0开头;2进制的数字,0b开头(不是所有浏览器都支持:chrome和火狐支持,IE不支持)

	console.log(parseInt(true),parseInt(null),parseInt(undefined),parseInt(""),parseInt("022"),parseInt("0xA"),parseInt("070"));
	console.log(parseInt("070",8),parseInt("12a34"),parseInt("a12"),parseInt(22.5),parseInt(0xF));

四 . 将变量转换为浮点数(XXX==>浮点数)

  • parseFloat():用法:parseFloat(变量),根据变量的数据类型可以具体分为以下几种情况:
布尔型=>NaN;【同parseInt】
Null=>NaN;【同parseInt】
undefined=>NaN;【同parseInt】
字符串(他是其主要应用)=>=>浮点数:①字符串为空=>报错;②纯数字=>保留小数,但只保留第一个小数点的部分(注:前导的0忽略,其他进制要转换为10进制);③数字开头:只保留字符串最开头的数字部分④不是以数字开头=>NaN; 【类似parseInt】
数字=>保留小数,但只保留第一个小数点的部分,其他进制要转换为10进制;
	console.log(parseFloat(true),parseFloat(null),parseFloat(undefined),parseFloat(""),parseFloat("33.565"));
	console.log(parseFloat("44.33.2"),parseFloat("0xE"),parseFloat("12aa.3"),parseFloat("22.s"),parseFloat("a12.3"));

五 . 将变量转换为布尔型(XXX==>Boolen)

  • Boolean():用法:Boolean(变量),根据变量的数据类型可以具体分为以下几种情况:
Null=>false;
undefined=>false;
数字0和NaN==>false,其余==>true;
字符串==>布尔:①字符串为空=>false; ②其余=>true(字符串中是空格也是=>true,字符串’0’的转换结果也是=>true)
引用数据类型==>true(空数组[]和空对象{}也是= =>true)
	console.log(Boolean(null),Boolean(undefined),Boolean(0),Boolean(NaN),Boolean(-4));
	console.log(Boolean(""),Boolean("d3"),Boolean(" "),Boolean("0"));

屏幕前的你,将来的你,一定会感谢现在拼命的自己。

加油吧!努力变得更优秀吧,少年!

整理不易,如果觉得小编这篇文章对你有帮助,可以点赞收藏打赏哈,如果有什么地方不懂也可以私信评论提问哦。

后续还会整理JS以及Web前端开发的文章,助你走上前端巅峰之路,如果有需要的话可以关注一下哦!

最后

以上就是顺心月饼为你收集整理的JavaScript入门知识:数据类型之间的转换(超详细,小白也能看懂)的全部内容,希望文章能够帮你解决JavaScript入门知识:数据类型之间的转换(超详细,小白也能看懂)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(40)

评论列表共有 0 条评论

立即
投稿
返回
顶部