ToString

ToString負(fù)責(zé)處理非字符串到字符串的強(qiáng)制類型轉(zhuǎn)換，常用的字符串化方法String()、toString()。

基本類型值的字符串化規(guī)則：

• null轉(zhuǎn)換為'null'
• undefined轉(zhuǎn)換為'undefined'
• true轉(zhuǎn)化為'true'
• 數(shù)字的字符串化遵循通用規(guī)則，極大值或者極小值采用科學(xué)計(jì)數(shù)法表示

普通對(duì)象在字符串化時(shí)，實(shí)際執(zhí)行Object.prototype.toString()，返回該對(duì)象的類型[object type]，例如：

var test = {a : 'test'}console.log(test.toString()) // '[object Object]'console.log(String(test)) // '[object Object]'

但是當(dāng)對(duì)象有自己的toString方法時(shí)，字符串化時(shí)就會(huì)調(diào)用該方法并返回該方法的返回值，例如：

var obj = { a: 'test', toString: function () { return 1 }}console.log(obj.toString()) // 1console.log(String(obj)) // 1

數(shù)組在做字符串化時(shí)，將數(shù)組所有元素字符串化再用"，"連接，例如：

var arr = [1, 2]console.log(arr.toString()) // '1,2'console.log(String(arr)) // '1,2'

JSON.stringify()

JSON.stringify()在將JSON對(duì)象序列化為字符串時(shí)，也涉及到了字符串化的相關(guān)規(guī)則。

對(duì)大多數(shù)簡(jiǎn)單值來說，JSON字符串化和toString()的效果基本相同，例如：

console.log(JSON.stringify("test")) // ""test""console.log(JSON.stringify(1)) // "1"console.log(JSON.stringify(null)) // "null"

但是JSON.stringify()在對(duì)象中遇到function() {}、undefined、Symbol時(shí)會(huì)自動(dòng)將其忽略，在數(shù)組中則會(huì)返回null，例如：

var obj1 = { a: undefined, b: function () {}, c: Symbol()}console.log(JSON.stringify(obj1)) // "{}"console.log(JSON.stringify([undefined, function () {}, 1])) // "[null, mull, 1]"

當(dāng)對(duì)象執(zhí)行JSON.stringify()方法時(shí)，如果對(duì)象中存在toJSON方法，用它的返回值來進(jìn)行序列化，例如：

var obj2 = {  a: undefined, b: function () {}, c: Symbol(), toJSON: function () { return {a: 'replace'} }}console.log(JSON.stringify(obj2)) // "{"a":"replace"}"

ToNumber

ToNumber負(fù)責(zé)將非數(shù)字轉(zhuǎn)化為數(shù)字，Number()、parseInt()和parseFloat()都可以將非數(shù)字轉(zhuǎn)化為數(shù)字

Number()

Number()函數(shù)的轉(zhuǎn)換規(guī)則：

• 如果是Boolean類型，true和false分別轉(zhuǎn)換為0和1
• 如果是數(shù)字值，只是簡(jiǎn)單的傳入和返回
• 如果是null值，返回0
• 如果是undefined，返回NaN
• 如果是字符串，遵循下列規(guī)則：
  • 如果字符串中只包含數(shù)字，則將其轉(zhuǎn)變?yōu)槭M(jìn)制數(shù)
  • 如果字符串中包含有效的浮點(diǎn)格式 ，則將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)值
  • 如果字符串中包含有效的十六進(jìn)制格式，則將其轉(zhuǎn)換為相同大小的十進(jìn)制數(shù)
  • 如果字符串是空，則將其轉(zhuǎn)換為0
  • 如果字符串中包含除上述格式之外的字符串，則將其轉(zhuǎn)換為NaN
• 如果是對(duì)象，則調(diào)用對(duì)象的valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換值。如果轉(zhuǎn)換的結(jié)果是NaN，則調(diào)用對(duì)象的toString()方法，然后再依次照前面的規(guī)則轉(zhuǎn)換返回的字符串值

例如：

console.log(Number(true)) // 1console.log(Number(1)) // 1console.log(Number(null)) // 0console.log(Number(undefined)) // NaNconsole.log(Number('11')) // 11console.log(Number('1.1')) // 1.1console.log(Number('0xf')) // 15console.log(Number('')) // 0var a = { valueOf: function () {  return '10' }}var b = { toString: function () {  return '10' }}var c = [1, 0]c.toString = function () { return c.join("")}console.log(Number(a)) // 10console.log(Number(b)) // 10console.log(Number(c)) // 10

parseInt()

parseInt()轉(zhuǎn)換規(guī)則：

• parseInt()函數(shù)在轉(zhuǎn)換字符串時(shí)，會(huì)忽略字符串前面的空格，直到找到第一個(gè)非空格字符
• 如果第一個(gè)字符不是數(shù)字字符或者負(fù)號(hào)，parseInt()就會(huì)返回NaN
• 如果第一個(gè)字符是數(shù)字字符，parseInt()就會(huì)繼續(xù)解析，直到解析完所有后續(xù)字符或者遇到一個(gè)非數(shù)字字符
• 如果字符串中的第一個(gè)字符是數(shù)字字符，parseInt()也能識(shí)別各種進(jìn)制數(shù)

例子：

console.log(parseInt('a')) // NaNconsole.log(parseInt('11')) // 11console.log(parseInt('11aa')) // 11console.log(parseInt('0xf')) // 15

parseFloat()

parseFloat()轉(zhuǎn)換規(guī)則:

• 與parseInt()函數(shù)類似，parseFloat()也是從第一個(gè)字符開始解析每一個(gè)字符，而且也是一直解析到字符串末尾，或者解析到遇見一個(gè)無效的浮點(diǎn)數(shù)字字符為止
• 解析時(shí)會(huì)忽略前導(dǎo)的0
• 只會(huì)解析十進(jìn)制數(shù)

例子：

console.log(parseFloat('12.3a')) // 12.3console.log(parseFloat('0xf')) // 0console.log(parseFloat('01.1')) // 1.1

ToBoolean

布爾強(qiáng)制類型轉(zhuǎn)換的假值列表：

• undefined
• null
• false
• +0、-0和NaN
• ""

除了上述列表以外的值在轉(zhuǎn)換的時(shí)候都應(yīng)該是真值，強(qiáng)制布爾類型轉(zhuǎn)換常用Boolean()或者!!，第一個(gè)!將值強(qiáng)制轉(zhuǎn)為布爾類型，但同時(shí)還將真假值反轉(zhuǎn)，第二個(gè)!將結(jié)果返回原值，例子：

console.log(Boolean("0")) // trueconsole.log(Boolean([])) // trueconsole.log(Boolean(undefined)) // falseconsole.log(!!"0") // trueconsole.log(!![]) // trueconsole.log(!!undefined) // false

總結(jié)

這篇文章對(duì)JS中的常見顯示強(qiáng)制類型轉(zhuǎn)換做了一個(gè)小結(jié)，希望能對(duì)大家理解有所幫助。

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)武林網(wǎng)的支持。