2021-06-04 javascript 类型转换分享

---

前言

重新系统学习JavaScript基础 类型转换分享

---

开始

一、转字符串类型

代码如下（示例）：

	// 转字符串类型
	let num = 18
	console.log(num.toString()); //将num转成字符串类型 
	//使用方法 变量名.toString()
	console.log(String(num )); //强制转换 将mun转换为字符串类型
	//使用方法String(变量名)
	console.log(num + ''); //js 的隐式转换 一个变量加上字符串类型结果为字符串
	//使用方法 变量或值加上空串 这个以后会很常用
	
	ps.js字符串方法中 + 号和concat（） 拼接字符串区别 学习时候开了下脑洞 百度了一圈发现好
	像没什么区别，w3c说使用加号会更加便捷orz Java中这俩者才有区别
	但还是有区别 + 号属于运算符 concat属于字符串方法
	
	

---

二、字符串转数值形

代码如下（示例）：

	// 转数值串类型
	let str = '666.666'
	let str2 = '你好'
	let str3 = 'a'
	let str4 = '64up'
	console.log(parseInt(str));
	//转换为整形数值形 输出结果为666
	console.log(parseInt(str4))
	//转换为整型 会去后面末尾字母 输出为120
	console.log(parseFloat(str)); 
	//转换为浮点数值形 输出结果为666.66
	console.log(Number(str));
	//强制转换函数 转换为数值形 输出结果为666.66
	console.log(str - 0);
	//js隐式转换为数值形 （/，-，*） 输出结果为666.66
	console.log(parseInt(str2)); 
	//文字转换成 NAN
	console.log(Number(str2));
	//强制转换函数 文字依旧为NAN
	console.log(parseInt(str3));
	 //字母也转换成 NAN
	console.log(Number(str3));
	//强制转换函数 字母依旧为NAN	

	
	ps.没发现什么好玩的，前俩个会比较重要

---

三、转布尔值类型

代码如下（示例）：

	//转布尔类型
	//Boolean() 函数
	//转换为布尔值
	console.log(Boolean(''));//输出为false
	console.log(Boolean(0));//输出为false false运算值为0
	console.log(Boolean(null));//输出为false
	console.log(Boolean(undefined));//输出为false
	console.log(Boolean(NaN));//输出为false
	//表示为空为零的都为false
	console.log(Boolean("马老师"));//输出为true
	
	ps.代表空和否定的值都会被转换为false,布尔值多时候用于判断，或者打开关闭什么
	

---

四、计算年龄demo

	let age = prompt('请输入你的年龄') //页面的弹出框 里面获取的值为string类型
	alert("你的出生年份是" + ( 2021 - age)) //字符串拼接 -号做了隐式转换
	//计算年龄和
	let age = prompt('请输入你的年龄')
	let age2 = prompt("输入你对象名字")
	//第一种方法
	alert("你们俩的年龄和是" + ((age - 0) + (age2 - 0)))
	//第二种方法
	alert("你们俩的年龄和是" +(parseInt(age) + parseInt(age2)))
	//还一种方法就是强转了，不想写了....

总结

提示：这里对文章进行总结：
例如：个人学习前端大概有一年左右，学到了vue但回过头发现自己基础知识蛮不扎实，学到后面吃力，特回来重学一遍基础，前面的基础还还是蛮重要的，底下基础不牢实怎么往上盖房子。第一次分享有扩充的地方欢迎大佬们补充…