数据类型转换案例

80 阅读1分钟

js的基本数据类型有:Number String  Boolean  undefined  null  object  es6新添加了 symbol 它代表独一无二的值

数据类型转换

  • 转换为字符串型
  • 转换为数值型
  • 转换为布尔值

前言

要注意各种数据类型与其他数据类型的合并,在str里面,数值相加,字符相连

值得注意的是:prompt得到的值是字符串类型

var str1 = 'js'

 var str2 = 'de'

 var result = str1 + str2;

  console.log(result);

在控制台会输出 jsde(黑色)

var str1 = '12'

 var str2 = 12

 var result = str1 + str2;

  console.log(result);

在控制台输出1212(黑色)

var str1 = 12

 var str2 = 12

 var result = str1 + str2;

  console.log(result);

在控制台输出24(绿色)

颜色不一样是因为数据类型不一样

 

一、如何转换为number类型?

1  parseInt(str)      得到整数

2  parseFloat()       得到小数

3  Number()    强制转换    

4 隐式转换    使用算数运算符转换  例如:

var str = '12';

  console.log(str * 1);

结果为绿色,证明是number型 

二、如何转换为字符串类型?

1.toString()    不推荐使用

 

2  隐式转换 (拼接空字符串)

原理:跟字符串相加是拼接,会转换为字符串型

  var num = 12;

       console.log(num + '');

结果为黑色,证明结果是字符串类型

三:转换为布尔型:Boolean

      代表空,0,否定的一律都会转换为布尔型