js 数字类型的字符串自动加1_你不一定了解的js数据类型

Array 数组
Date 日期
RegExp 正则
Function 函数

Boolean
Number
String

let num1 = 3
let num2 = new Number(3)
console.log(num === num2)  // false

typeof(num1) // number
typeof(num2) // object

let str = 'wanghuahua'
let str1 = str.substr(0, 4)
console.log(str1) // wang
console.log(String.substr) // undefined

1、原材料进厂：把基本数据类型转成包装对象
 
因为基本数据类型是没有方法的，如果你想操作基本数据类型，那就必须转成包装对象
 
2、加工：调用substr的相关方法
 
包装对象是可以加方法和属性，所以这个时候包装对象会调用方法进行操作
 
3、成品出厂：包装对象转成基本数据类型
 
ECMAScript规范中提供了toPrimitive原则，所以这个地方会遵从toPrimitive原则进行转换。

let num2 = new String('hhh')
console.log(num2.toString()) // hhh

console.log(null.toString()) // 报错
console.log(undefined.toString()) // 报错
console.log(true.toString()) // 'true'
let a = 4
console.log(a.toString()) // 4
console.log('hhh'.toString()) // 'hhh'
console.log(Symbol().toString()) // 报错

二进制：.toString(2);
 
八进制：.toString(8);
 
十进制：.toString(10);
 
十六进制：.toString(16);

let num2 = new String('hhh')
console.log(num2.valueOf())  // hhh

String => 返回字符串
Number => 返回数字
Date => 返回时间戳
Boolean => 返回Boolean的this值
Object => 返回this

null 转换为 0
undefined 转换为 NaN
true 转换为 1，false 转换为 0
字符串转换时遵循数字常量规则，转换失败返回NaN

String(null) // null
string(undefined) // undefined

undefined
null
-0
0或+0
NaN
''（空字符串）

Boolean(new Boolean(false)) // true

ToPrimitive(obj,type)

type为string:
 
先调用obj的toString方法，如果为原始值，则return，否则进行第2步
调用obj的valueOf方法，如果为原始值，则return，否则进行第3步
抛出TypeError 异常
 
type为number:
 
先调用obj的valueOf方法，如果为原始值，则return，否则进行第2步
调用obj的toString方法，如果为原始值，则return，否则第3步
抛出TypeError 异常
 
type参数为空
 
该对象为Date，则type被设置为String
否则，type被设置为Number

++/--(自增自减运算符) 
+ - * / %(算术运算符) 
> < >= <= == != === !=== (关系运算符)

常见的面试题：
 
console.log(1 + 'true') // '1true'
console.log(1 + true) // 2
console.log(1 + null) // 1
console.log(1 + undefined) // NaN
console.log(null + undefined) //NaN

console.log(1 + 'true') // '1true'
 
'true'是字符串，所以是字符串拼接，只要是字符串拼接，两边都会调用String运算符
 
console.log(1 + true) // 2 Number(1)+Number(true) 1+1 2
console.log(1 + null) // 1 Number(1)+Number(null) 1+0 1
console.log(1 + undefined) // Number(1)+Number(undefined) 0+undefined NaN
console.log(null + undefined) //Number(null)+Number(undefined) 0+undefined NaN
 
上面的没有一边是字符串，所以是运算符，如果被当做运算符，那么两边都会调用Number运算符

常见的面试题：
 
console.log(2>'10') // false
console.log('2'>'10') // true

console.log(2>'10') // Number(2)>Number(10) 2>10 false 
console.log('2'>'10') //2.charCodeAt()>10.charCodeAt() 50>49 true

console.log([1,2] == '1,2') //true
 
在这个过程中[1,2]是引用数据类型，会先调用valueOf()方法
如果返回的还是引用数据类型，再调用toString()方法

console.log([] == 0) // true
console.log(![] == 0) // true

1、在讲引用数据类型阴性转换的时候，我们说了引用数据类型进行隐形类型转换必须先转成string
[].valueOf().toString() // ''
 
2、==数据关系运算符，两边必须都转成Number
Number('') // 0
 
所以true

1、在讲Boolean运算符的时候说了
除了undefined、null、-0、0或+0、NaN、''（空字符串），其余全部都是true
所以[]是true，那么![]就是false
 
2、两边在转Number的时候:
Number(false) // 0
 
所以![] == 0也是true

[] == ![] //true
[] == [] // false

1、[]还是会转成string，就是'''
2、![]还是false
3、‘’和false都进行Number操作都是0
 
所以相等

这个在上一篇讲栈内存的时候说了，引用数据类型在栈中存的都是地址，所以这两个肯定不一样

{} == !{} // false
{} == {} // false

1、{}还是会转成string，但是{}转成字符串是""[object Object]"
2、![]还是false
3、Number(""[object Object]")和Number(false)
 
所以不相等

同理，也是比较栈内存的地址，所以false