插件窝 干货文章 javascript基础数据类型转换教程示例

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

console 转换 td 字符串 68    来源:    2024-10-18

数值型转换为字符串类型

方式 说明 案例
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

在这里插入图片描述

结语

上篇看这里:

1. JavaScript入门初体验书写方式

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

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