（五）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(" "));//0
console.log(Number(""));//0
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));//0
console.log(Number(true));//1

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

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

//当你尝试输出一个对象或一个变量时 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"