js数据类型

就直接给自己写的代码吧：该写的都写在注释里了

//js 数据类型共6种(es5)  number,string,boolean,null,undefined,引用数据类型(Array,Object,Function)
  //Symbol (ES6 新增，表示独一无二的值)
  var typeArr = [
    {
      type: '数值类型',
      value: 251
    },
    {
      type: '字符串类型',
      value: 'abcdefg'
    },
    {
      type: '布尔类型',
      value: false
    },
    {
      type: '布尔类型',
      value: true
    },
    {
      type: 'null类型',
      value: null
    },
    {
      type: 'undefined类型',
      value: undefined
    },
    {
      type: '引用类型（对象{}）',
      value: {}
    },
    {
      type: '引用类型（对象{a:2}）',
      value: { a: 2 }
    },
    {
      type: '引用类型（数组[]）',
      value: []
    },
    {
      type: '引用类型（数组[1]）',
      value: [1]
    },
    {
      type: '引用类型（数组[1,2]）',
      value: [1, 2]
    },
    {
      type: '引用类型（function）',
      value: function () { }
    }
  ]
  for (var i = 0; i < typeArr.length; i++) {
    console.log(typeArr[i].type + typeArr[i].value + '转化为数值：', Number(typeArr[i].value))
    console.log(`${typeArr[i].type}${typeArr[i].value}转化为字符串：`, String(typeArr[i].value))
    console.log(`${typeArr[i].type}${typeArr[i].value}转化为布尔值：`, Boolean(typeArr[i].value))
    console.log(`${typeArr[i].type}${typeArr[i].value}执行toString：`, typeArr[i].value && typeArr[i].value.toString())
    console.log(`${typeArr[i].type}${typeArr[i].value}执行valueOf：`, typeArr[i].value && typeArr[i].value.valueOf())
  }
  console.log()
  // console.log([] + {}) // "[object Object]"
  // console.log(Number([])) // "0"
  // console.log(String([])) // ""

  //基本数据类型之间转化：
  /* 
  string转number
    1.空字符串或全空字符串   0
    2.纯数字字符串或者科学计算法或者进制数表示  得对应的数值
    3.其他 NaN
  */
  console.log(Number('')) // 0
  console.log(Number('   ')) // 0
  console.log(Number('9527')) // 9527 纯数字字符串
  console.log(Number('0x11')) // 17  16进制表示数
  console.log(Number('2e2')) // 200 科学计数
  console.log(Number('qerw')) // NaN

  /* 
  string转Boolean
    只有空字符串转为 false
    其他全为true
  */
  console.log(Boolean('')) // false
  console.log(Boolean('   ')) // true

  /* 
  number转string
    1.普通数直接加引号变成字符串
    2.表达式表示的数 将转化为实际数后加引号变成字符串
  */
  console.log(String(0)) // '0'
  console.log(String(0x11)) // '17'  
  console.log(String(2e2)) // '200' 
  console.log(String(2e-2)) // '0.02' 
  console.log(String(2 / 3)) // '0.6666666666666666'

  /* 
  number转boolean
    0为false，非0为true
  */
  console.log(Boolean(0)) // false
  console.log(Boolean(1)) // true 

  /* 
    boolean转number
      false 0，true  1
    */
  console.log(Number(true)) // 1
  console.log(Number(false)) // 0

  /* 
   undefined 转number,string,boolean
  */
  console.log(Number(undefined)) // NaN
  console.log(String(undefined)) // 'undefined'
  console.log(Boolean(undefined)) // false

  /* 
   null 转number,string,boolean
  */
  console.log(Number(null)) // 0
  console.log(String(null)) // 'null'
  console.log(Boolean(null)) // false

  /* 
    引用数据类型转number
    1.对象 NaN
    2.数组 空数组为0，只有一个元素且可以转化为数字的会得到对应的数值，其他的都是NaN
    3.函数 NaN
  */
  console.log(Number({})) // NaN
  console.log(Number([])) // 0
  console.log(Number([1])) // 1
  console.log(Number(['0x11'])) // 17
  console.log(Number([1, 2])) // NaN
  console.log(Number([1, 2, 3])) // NaN
  console.log(Number(function () { })) // NaN

  /* 
    引用数据类型转string
    1.对象 '[object Object]'
    2.数组 去掉[]和分隔逗号，剩下的内容用引号包起来形成字符串
    3.函数 整个函数体加引号成为字符串
  */
  console.log(String({})) // '[object Object]'
  console.log(String([])) // ''
  console.log(String([1])) // '1'
  console.log(String([1, 2])) // '1,2'
  console.log(String([1, 2, 3])) // '1,2,3'
  console.log(String(function () { })) // 'function () { }'


  /* 
    引用数据类型转boolean
    全为true
  */
  console.log(Boolean({})) // true
  console.log(Boolean([])) // true
  console.log(Boolean(function () { })) // true



  //js显式类型转换 规律和原理总结
    // 1.Number()转数值类型的过程：先调用原生方法valueOf,如果返回值是可以转化成数值的基本数据类型，直接返回整个结果，结束。如果返回值是非基本数据类型，根据调用原生方法toString的返回字符串类型转化成最终的数值类型，结束。
    // 2.String()转字符串类型的过程：先toString方法，返回值。
    //所以知道原理后，涉及到引用类型这种的，记住这些toString的返回值就行了