（五）JavaScript之[类型转换]

 /**
  * 类型转换
  *
  * JavaScript 数据类型
  * 1.不同的数据类型
  * string
  * number
  * object
  * boolean
  * function
  *
  * 2.对象类型
  * Object
  * Date
  * Array
  *
  * 3.不包含任何值的数据类型
  * null
  * undefined
  *
  * typeof操作符查看JS的数据类型
  *
  * constructor(构造器)属性
  * */

 console.log(typeof('John'));//string
 console.log(typeof(3.14));//number
 console.log(typeof(NaN));//number
 console.log(typeof(false));//boolean
 console.log(typeof([1,2,3,4]));//object，数组也是一种对象
 console.log(typeof({name: 'John', age:34}));//object
 console.log(typeof(new Date()));//object
 console.log(typeof(function () {}));//function
 console.log(typeof(myCar));//undefined
 console.log(typeof(null));//object，null是一个空对象

 /**
  请注意：
  NaN 的数据类型是 number
  数组(Array)的数据类型是 object
  日期(Date)的数据类型为 object
  null 的数据类型是 object
  未定义变量的数据类型为 undefined
  */

 //如果对象是Array或Date，就无法用typeof来判断它们的类型，因为都是返回object

 /**constructor(构造器)属性*/
 //constructor 属性返回所有JavaScript变量的构造函数
 console.log('John'.constructor);//function String() { [native code] }
 console.log((3.14).constructor);//function Number() { [native code] }
 console.log(false.constructor);//function Boolean() { [native code] }
 console.log([1,2,3,4].constructor);//function Array() { [native code] }
 console.log({name: 'John', age: 34}.constructor);//function Object() { [native code] }
 console.log(new Date().constructor);//function Date() { [native code] }
 console.log(function () {}.constructor);//function Function() { [native code] }

 //使用constructor属性查看对象是否为数组或日期
 function isArray(arr) {
     return arr.constructor.toString().indexOf('Array') > -1;
 }

 function isDate(date) {
     return date.constructor.toString().indexOf('Date') > -1;
 }

 console.log(isArray([1,2,3]));//true
 console.log(isArray('456'));//false

 console.log(isDate(new Date()));//true
 console.log(isDate('vvv'));//false

 //数字转化为字符串
 //String(myNumber) 全局方法
 //myNumber.toString() Number对象方法
 //更多的Number对象方法：http://www.runoob.com/jsref/jsref-obj-number.html
 console.log(typeof(String(123)));//string
 console.log(typeof((100 + 23).toString()));//string

 //将布尔值转换为字符串
 String(false);
 String(true);

 false.toString();
 true.toString();

 //将日期转换为字符串
 //在 Date 方法 中，你可以查看更多关于日期转换为字符串的函数
 //Date方法：http://www.runoob.com/jsref/jsref-obj-date.html
 console.log(String(Date()));//Tue Mar 29 2016 23:11:01 GMT+0800 (中国标准时间)
 console.log(Date().toString());//Tue Mar 29 2016 23:11:25 GMT+0800 (中国标准时间)

 //将字符串转换为数字
 //全局方法Number()
 //在 Number 方法 中，你可以查看到更多关于字符串转为数字的方法
 //Number方法：http://www.runoob.com/jsref/jsref-obj-number.html
 console.log(Number('3.14'));//3.14
 console.log(Number(" "));//
 console.log(Number(""));//
 console.log(Number('99 88'));//NaN

 //一元运算符+
 var y = '5';
 console.log(typeof(+y));//number

 //如果不能转换，它仍然会是一个数字，但值为NaN
 var z = 'John';
 console.log(typeof(+z));//number
 console.log(+z);//NaN

 //将布尔值转换为数字
 console.log(Number(false));//
 console.log(Number(true));//

 //将日期转换为数字
 console.log(Number(new Date()));//
 console.log(Number(new Date().getTime()));//

 //自动转换类型 Type Conversion
 //当 JavaScript 尝试操作一个 "错误" 的数据类型时，会自动转换为 "正确" 的数据类型。
 console.log(5 + null);//5, null为0
 console.log('5' + null);//5null
 console.log('5' + 1);//
 console.log('5' - 1);//

 //当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法：
 document.getElementById("demo").innerHTML = myVar;

 // if myVar = {name:"Fjohn"}  // toString 转换为 "[object Object]"
 // if myVar = [1,2,3,4]       // toString 转换为 "1,2,3,4"
 // if myVar = new Date()      // toString 转换为 "Fri Jul 18 2014 09:08:55 GMT+0200"
 //数字和布尔值也经常相互转换：
 // if myVar = 123             // toString 转换为 "123"
 // if myVar = true            // toString 转换为 "true"
 // if myVar = false           // toString 转换为 "false"