JavaScript 之 核心语法 [ 类型转换 ]

隐式数据类型转换

• 转换成string类型（字符串） - 用法（'' - 空字符串） + 变量名称

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var boo = true;

/*
    转换成字符串
     * 数字类型和布尔类型转换 - 会将其值用字符串的方式显示
 */
/* 数字类型转换成字符串类型 */
var sn = '' + num;
console.log( sn );// 显示 100
console.log( typeof sn );// 显示转换后的类型 string
/* 布尔类型转换成字符串类型 */
var sb = '' + boo;
console.log( sb );// 显示 true
console.log( typeof sb );// 显示 转换后的类型 string

• 转换成number类型（数字） - 用法（+ - 加号） 变量名称

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var boo = true;
/*
    转换成数字类型
     * 字符串类型转换时
      * 如果字符串中有文本内容，转换后会显示 - NaN
      * 如果字符串中是数字内容，转换后正常显示
    布尔类型转换时
     * 如果值是true 会显示 1
     * 如果值是false 会显示 0
 */
/* 字符串类型转换成数字类型 */
var ns1 = + str1;
console.log( ns1 );// 显示 NaN
console.log( typeof ns1 );// 显示转换后的类型 number
var ns2 = + str2;
console.log( ns2 );// 显示 100
console.log( typeof ns2 );// 显示转换后的类型 number
/* 布尔类型转换成数字类型 */
var nb = + boo;
console.log( nb );// 显示 1
console.log( typeof nb );// 显示转换后的类型 number

• 转换成boolean类型（布尔） - 用法 （!!- 双叹号 ） 变量名称

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var boo = true;
/*
    转换成布尔类型
    数字类型转换时：整数会显示true 、 0会显示false
    字符串类型转换时：字符串中有内容的会显示true 、无内容的显示false
 */
/* 数字类型转换成布尔类型 */
var bn = !! num;
console.log( bn );// 显示 true
console.log( typeof bn );// 显示转换后的类型 boolean
/* 字符串类型转换成布尔类型 */
var bs = !! str1;
console.log( bs );// 显示 true
console.log( typeof bs );// 显示转换后的类型 boolean

显示数据类型转换

• 转换为string类型

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var str3 = '10.01';
var boo = true;

/*
    转换为string类型
      * String( )函数 - String( 数据值 )
      * toString( )方法 - 变量名.toString( )
        * 对象的方法 - 将变量当作是一个对象来使用
  */
/* String( )函数转换 */
var sn1 = String( num );
console.log( typeof sn1 );// 显示转换类型 string
/* toString( )方法转换 */
var sn2 = num.toString();
console.log( typeof sn2 );// 显示转换类型 string

• 转换为number类型

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var str3 = '10.01';
var boo = true;
/*
    转换为number类型
      * Number( )函数 - Number( 数据值 )
      * parseInt( )函数 - parseInt( 数据值 )
        * 转换成number类型的整数
      * parseFloat( )函数 - parseFloat( 数据值 )
        * 转换成number类型的浮点数
  */
/* Number( )函数转换 */
var nb = Number( boo );
console.log( typeof nb );// 显示转换类型 number
/* parseInt( )函数转换 */
var ns1 = parseInt( str2 );
console.log( ns1 );// 显示 100
var ns2 = parseFloat( str2 );
console.log( ns2 );// 显示 100（应该显示100.0，由于number类型中的浮点数类型，会将“.0”抹去）
/* parseFloat( )函数 */
var ns3 = parseInt( str3 );
console.log( ns3 );// 显示 10 - parseInt()只取数据值中的整数部分
var ns4 = parseFloat( str3 );
console.log( ns4 );// 显示 10.01

• 转换为boolean类型

var num = 100;
var str1 = '啊哈哈';
var str2 = '100';
var str3 = '10.01';
var boo = true;
/*
    转换为boolean类型
      * Boolean()函数 -> Boolean(值)
  */
var bs = Boolean( str1 );
console.log( bs );// 显示 true
console.log( typeof bs );// 显示转换类型 boolean