javascript基础数据类型转换教程示例

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

数值型转换为字符串类型

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

  // 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

在这里插入图片描述