Javascript类型转换-ToString

基本转换规则:
1. Undefined -> “undefined”
2. Null -> “null”
3. Boolean -> ture(“true”), false(“false”)
4. String -> 返回原值
5. Symbol -> 抛出TypeError异常
6. Object -> 先通过toPrimitive(argument, hint String)转为原始值,然后对原始值再进行ToString转换

Number转String规则:
假设待转换的Number类型变量为m,则有如下转换步骤:
1.若m是NaN,返回“NaN”

2.若m是+0或-0,返回“0”

3.若m<0,返回字符串“-”和ToString(-m)的值

4.若m是+∞,返回“Infinity”

5.若上面4条都不符合,则执行下述算法:

5.1 设三个整数变量n、k、s,令k>=1,10^(k-1)<=s<10^k,s*10^(n-k)的值为m,且k的值尽量小,其中s不可被10整除
举个例子,若待转换的m为12345,则根据规则s=12345、k=5、n=5;m=123.45时,s=12345、k=5、n=3;m=1230时,s=123、k=3、n=4

5.2 若k<=n<=21(m此时是位数不大于21位的整数),则返回s的十进制表示形式的k个数字的字符串(无前导0),然后是n-k个“0”

5.3 若0<n<=21(由于5.2中的条件符合就已经返回结果,所以,此时可知n<k),返回s的十进制表示形式的前n位的字符串,加上“.”,然后跟着s十进制表示形式的其余k-n位数字的字符串

5.4 若-6<n<=0,返回“0.”跟着-n个“0”,然后是十进制s的k位字符串 举个例子,若m=0.002,则s=2、k=1、n=-2;结果为”0.”+2(-n)个”0″+s的1(k)位=”0.002″

6.若上面5条仍然不符合,则执行下面的步骤:

6.1 如果k=1,返回s的第一位的字符串,跟着字母“e”,然后是“+”或“-”(根据n-1的正负性决定),后面是abs(n-1)的字符串形式 举个例子,若m=0.0000001,则s=1,k=1,n=-6; 可知,1~4规则不符合,规则5.2由于k>n不符合;规则5.3由于n<0不符合;5.4由于n=-6范围不在(-6,0]之间;
此例中,k=1,所以转为字符串为”1″(s)+”e”+”-“(n-1=-7是负号)+”7″(n-1的绝对值)

7.最后,上述条件都不符合,返回由s的十进制表示形式的最高有效位数的字符串,后跟”.”,接着是s的十进制表示形式的其余k-1个数字的字符串形式,随后是”e”,随后是”+”或”-“,判断方法同6.1,最后是abs(n-1)的字符串形式

注意事项:
由于浮点数精度问题,可能由于精度的丢失导致数字类型的位数改变,最终转换的结果与预期不符
整数超过21位会变成科学计数法的方式表示,小数小于0.000001会使用科学计数法,负数会先返回“-”然后再将其余的部分转成字符串(见第3条规则),所以5~7中都是针对正数

Javascript类型转换-ToNumber

转换规则:
Undefined->NaN
Null->+0
Boolean->true转为1,false转为-0
Number->返回入参(不转换)
Symbol->抛出TypeError异常

Object转换Number规则:
1. 通过ToPrimitive(argument, hint Number)将Object转为原始值primValue
2. 返回ToNumber(primValue)
ToPrimitive参见https://blog.lyz810.com/article/2016/12/javascript-primitive-value/

示例1:

Number({
  valueOf() {
    return true;
  },
  toString() {
    return false;
  }
});//返回1

解释:
根据ToPrimitive规则,当前对象没有定义@@toPrimitive方法,则使用默认的转换规则,此处要转Number,所以先尝试调用valueOf,再尝试调用toString
该对象中定义了valueOf,且valueOf返回的不是一个Object,则ToPrimitive返回的值为true
这时再调用一次ToNumber,可以得出true转为Number结果为1

示例2:

Number({
  [Symbol.toPrimitive]() {
    return null;
  },
  toString() {
    return true;
  },
  valueOf() {
    return 2;
  }
});//返回0

解释:
这里虽然有了ValueOf和toString但定义了Symbol.toPrimitive,属于自定义了转原始值的方法,所以原始值转换结果为null
根据文章开头的规则,null转Number结果是0

字符串转数字规则:
首先ToNumber需要将字符串按照下面的语法进行解析,如果不能解释为字符串数字字面量(StringNumericLiteral),则结果为NaN
语法:
下面可选代表有0个~任意多个
字符串数字字面量StringNumericLiteral(2种):
1. 可选空白串(StrWhiteSpace
2. 可选空白串(StrWhiteSpaceStrNumericLiteral 可选空白串(StrWhiteSpace

空白串StrWhiteSpace
空白字符(StrWhiteSpaceChar)可选空白串(StrWhiteSpace

空白字符StrWhiteSpaceChar(2种):
1. 空白(TAB:U+0009、VT:U+000B、FF:U+000C、SP:U+0020、NBSP:U+00A0、ZWNBSP:U+FEFF、USP)
2. 行结束符(LF:U+000A、CR:U+000D、LS:U+2028、PS:U+2029)

StrNumericLiteral(4种,十进制,二进制,八进制,十六进制):
1. StrDecimalLiteral
2. BinaryIntegerLiteral(0b或0B开头,正则表示为/^0b[01]+$/i)
3. OctalIntegerLiteral(0o或0O开头,正则表示为/^0o[0-7]+$/i)
4. HexIntegerLiteral(0x或0X开头,正则表示为/^0x[\da-f]+$/i)

StrDecimalLiteral(3种,不带符号,正号,符号):
1. StrUnsignedDecimalLiteral
2. +StrUnsignedDecimalLiteral
3. -StrUnsignedDecimalLiteral

StrUnsignedDecimalLiteral(4种)
1. Infinity 无穷
2. DecimalDigits . [DecimalDigits] [ExponentPart](例子:1.、1.1、1.1e1、 1.1E1,注意e或E后面必须是整数)
3. .DecimalDigits [ExponentPart](例子:.1、.1e1、.1E1)
4. DecimalDigits [ExponentPart](例子:1、1e1、1E1)

字符串数字字面量和数字字面量有几处不同:
1. 前者允许在字符串开头及结尾添加一些空白或换行符
2. 前者表示十进制时,前面可以有任意多个前导0,而后者前导0代表8进制(读者可以尝试运行Number(‘012’) === 012)
3. 前者可以添加+-号声明他的符号位
4. 前者在空或只包含空白字符的时候,转换结果为+0
5. Infinity和-Infinity被看做是字符串数字字面量而不是数字字面量

示例:

Number(''); // 0 空字符串
Number(' '); // 0 空白字符
Number('\n'); // 0 行分隔符系列
Number('\ufeff');// 0,空白字符系列
Number(' 123 '); // 123,前后允许有空白
Number('012'); // 12,前导0不代表8进制,就是10进制
Number('0000012'); // 12,可以多个前导0
Number('0b11'); // 3,二进制
Number('0x0a'); // 10,十六进制
Number('100g'); // NaN,注意与parseInt区别
Number('Infinity'); // Infinity
Number('2e2'); // 200