基础知识

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > 基础知识 > javascript基础数据类型转换

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

作者:馆主阿牛

总结了javascipt中的数据类型之后,我们就了解了,prompt()接收的全是字符串,因此数据类型转换就显得尤为重要,一起来学习一下吧

数值型转换为字符串类型

方式说明案例
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 ');
	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入门初体验书写方式

 2.javascript数据类型基础示例教程

以上就是javascript基础数据类型转换教程示例的详细内容,更多关于javascript基础数据类型转换的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文