javascript中的数据类型转换

📋 个人简介

• 💖 作者简介：大家好，我是阿牛😜
• 📝 个人主页：馆主阿牛🔥
• 🎉 支持我：点赞👍+收藏⭐️+留言📝
• 📣 系列专栏：web开发🍁
• 💬格言：迄今所有人生都大写着失败，但不妨碍我继续向前！🔥

---

🍑前言

上一篇文章我总结了javascipt中的数据类型，上一节我们说过，prompt()接收的全是字符串，因此数据类型转换就显得尤为重要，一起来学习一下吧！

🍌数值型转换为字符串类型

方式	说明	案例
toString()	转成字符串	var num =1; alert ( num.toString());
String()	强制转换 转成字符串	var num =1; alert ( String ( num ));
加号拼接字符串	和字符串拼接的结果都是字符串	var num =1; alert ( num +＂我是字符串");

• toString()和String()使用方式不一样。
• 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

  // 1.将数字型转换为字符串类型
    var num = 10;
    var str = num.toString()
    var str1 = num+''
    console.log(str);
    console.log(typeof str); //typeof  js中用类查看数据类型

    console.log(String(num));
    console.log(typeof String(num));   // string
    
    console.log(str1);
    console.log(typeof str1);

🍌字符串类型转换为数值型

方式	说明	案例
parselnt(string)函数	将 string 类型转成整数数值型	parselnt (‘15’)
parseFloat(string)函数	将 string 类型转成浮点数数值型	parseFloat (‘3.14’)
Number()强制转换函数	将 string 类型转换为数值型	Number (‘12’)
js 隐式转换(- * /)	利用算术运算隐式转换为数值型	‘12’ - 0

// 2.将字符串转换为数字型
    // parseInt()
    console.log(parseInt('15')); // 15
    console.log(typeof parseInt('15')); // number
    console.log(parseInt('3.14'));  // 3
    console.log(parseInt('3.94'));  // 3
    console.log(parseInt(3.94));  //  3 把浮点数取整数部分

// parseFloat
    console.log(parseFloat('3.14')); //3.14
    console.log(parseFloat('3'));   // 3
    
// number
    console.log(Number('12'));  // 12
    console.log(typeof Number('12')); // number

// 利用算数用算 - * /   隐式转换
    console.log('12' - 0);  // 12
    console.log('123'- '120'); // 3
    console.log('123'*1);  // 123
    console.log('123'/1);  // 123

🍌转换为布尔型

方式	说明	案例
Boolean()函数	其他类型转成布尔值	Boolean ('aniu ');

• 代表空、否定的值会被转换为 false ，如 ’ '、0、 NaN 、 null 、 undefined 。
• 其余值都会被转换为 true 。

	console.log(Boolean(''));  // false
	console.log(Boolean(' '));  // true
    console.log(Boolean(0));  // false
    console.log(Boolean(NaN));  // false   
    console.log(Boolean(null));  // false   
    console.log(Boolean(undefined));  // false   
    console.log(Boolean('aniu'));  // true
    console.log(Boolean(15));  // true

🍑结语

上篇看这里：
👉 1. 初识 JavaScript（揭开javascript的神秘面纱）
👉 2.javascript中的数据类型