這篇文章主要為大家展示了“JS中如何顯示強(qiáng)制類型轉(zhuǎn)換”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JS中如何顯示強(qiáng)制類型轉(zhuǎn)換”這篇文章吧。
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é)計數(shù)法表示
普通對象在字符串化時，實際執(zhí)行Object.prototype.toString()，返回該對象的類型[object type]，例如：
重慶分公司
重慶分公司
var test = {a : 'test'}
console.log(test.toString()) // '[object Object]'
console.log(String(test)) // '[object Object]'但是當(dāng)對象有自己的toString方法時，字符串化時就會調(diào)用該方法并返回該方法的返回值，例如：
var obj = {
a: 'test',
toString: function () {
return 1
}
}
console.log(obj.toString()) // 1
console.log(String(obj)) // 1數(shù)組在做字符串化時，將數(shù)組所有元素字符串化再用"，"連接，例如：
var arr = [1, 2] console.log(arr.toString()) // '1,2' console.log(String(arr)) // '1,2'
JSON.stringify()
JSON.stringify()在將JSON對象序列化為字符串時，也涉及到了字符串化的相關(guān)規(guī)則。
對大多數(shù)簡單值來說，JSON字符串化和toString()的效果基本相同，例如：
console.log(JSON.stringify("test")) // ""test""
console.log(JSON.stringify(1)) // "1"
console.log(JSON.stringify(null)) // "null"但是JSON.stringify()在對象中遇到function() {}、undefined、Symbol時會自動將其忽略，在數(shù)組中則會返回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)對象執(zhí)行JSON.stringify()方法時，如果對象中存在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ù)字值，只是簡單的傳入和返回
如果是null值，返回0
如果是undefined，返回NaN
如果是字符串，遵循下列規(guī)則：
如果字符串中只包含數(shù)字，則將其轉(zhuǎn)變?yōu)槭M(jìn)制數(shù)
如果字符串中包含有效的浮點格式 ，則將其轉(zhuǎn)換為對應(yīng)的浮點數(shù)值
如果字符串中包含有效的十六進(jìn)制格式，則將其轉(zhuǎn)換為相同大小的十進(jìn)制數(shù)
如果字符串是空，則將其轉(zhuǎn)換為0
如果字符串中包含除上述格式之外的字符串，則將其轉(zhuǎn)換為NaN
如果是對象，則調(diào)用對象的valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換值。如果轉(zhuǎn)換的結(jié)果是NaN，則調(diào)用對象的toString()方法，然后再依次照前面的規(guī)則轉(zhuǎn)換返回的字符串值
例如：
console.log(Number(true)) // 1
console.log(Number(1)) // 1
console.log(Number(null)) // 0
console.log(Number(undefined)) // NaN
console.log(Number('11')) // 11
console.log(Number('1.1')) // 1.1
console.log(Number('0xf')) // 15
console.log(Number('')) // 0
var 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)) // 10
console.log(Number(b)) // 10
console.log(Number(c)) // 10parseInt()
parseInt()轉(zhuǎn)換規(guī)則：
parseInt()函數(shù)在轉(zhuǎn)換字符串時，會忽略字符串前面的空格，直到找到第一個非空格字符
如果第一個字符不是數(shù)字字符或者負(fù)號，parseInt()就會返回NaN
如果第一個字符是數(shù)字字符，parseInt()就會繼續(xù)解析，直到解析完所有后續(xù)字符或者遇到一個非數(shù)字字符
如果字符串中的第一個字符是數(shù)字字符，parseInt()也能識別各種進(jìn)制數(shù)
例子：
console.log(parseInt('a')) // NaN
console.log(parseInt('11')) // 11
console.log(parseInt('11aa')) // 11
console.log(parseInt('0xf')) // 15parseFloat()
parseFloat()轉(zhuǎn)換規(guī)則:
與parseInt()函數(shù)類似，parseFloat()也是從第一個字符開始解析每一個字符，而且也是一直解析到字符串末尾，或者解析到遇見一個無效的浮點數(shù)字字符為止
解析時會忽略前導(dǎo)的0
只會解析十進(jìn)制數(shù)
例子：
console.log(parseFloat('12.3a')) // 12.3
console.log(parseFloat('0xf')) // 0
console.log(parseFloat('01.1')) // 1.1ToBoolean
布爾強(qiáng)制類型轉(zhuǎn)換的假值列表：
undefined
null
false
+0、-0和NaN
""
除了上述列表以外的值在轉(zhuǎn)換的時候都應(yīng)該是真值，強(qiáng)制布爾類型轉(zhuǎn)換常用Boolean()或者!!，第一個!將值強(qiáng)制轉(zhuǎn)為布爾類型，但同時還將真假值反轉(zhuǎn)，第二個!將結(jié)果返回原值，例子：
console.log(Boolean("0")) // true
console.log(Boolean([])) // true
console.log(Boolean(undefined)) // false
console.log(!!"0") // true
console.log(!![]) // true
console.log(!!undefined) // false以上是“JS中如何顯示強(qiáng)制類型轉(zhuǎn)換”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
