JavaScript中如何判斷一個(gè)值的類型

我們知道在js中有一個(gè)運(yùn)算符可以幫助我們判斷一個(gè)值的類型，它就是typeof運(yùn)算符。

console.log(typeof 123); //number
console.log(typeof '123'); //string
console.log(typeof true); //boolean
console.log(typeof undefined); //undefined
console.log(typeof null); //object
console.log(typeof []); //object
console.log(typeof {}); //object
console.log(typeof function() {}); //function

我們從以上結(jié)果可以看出typeof的不足之處，它對(duì)于數(shù)值、字符串、布爾值分別返回number、string、boolean，函數(shù)返回function，undefined返回undefined，除此以外，其他情況都返回object。

所以如果返回值為object，我們是無(wú)法得知值的類型到底是數(shù)組還是對(duì)象或者其他值。為了準(zhǔn)確得到每個(gè)值的類型，我們必須使用js中另一個(gè)運(yùn)算符instanceof。下面簡(jiǎn)單的說一下instanceof的用法。

instanceof運(yùn)算符返回一個(gè)布爾值，表示指定對(duì)象是否為某個(gè)構(gòu)造函數(shù)的實(shí)例。

instanceof運(yùn)算符的左邊是實(shí)例對(duì)象，右邊是構(gòu)造函數(shù)。它會(huì)檢查右邊構(gòu)造函數(shù)的ptototype屬性，是否在左邊對(duì)象的原型鏈上。

var b = [];
b instanceof Array //true
b instanceof Object //true

注意，instanceof運(yùn)算符只能用于對(duì)象，不適用原始類型的值。

所以我們可以結(jié)合typeof和instanceof運(yùn)算符的特性，來(lái)對(duì)一個(gè)值的類型做出較為準(zhǔn)確的判斷。

//得到一個(gè)值的類型
function getValueType(value) {
 var type = '';
 if (typeof value != 'object') {
 type = typeof value;
 } else {
 if (value instanceof Array) {
 type = 'array';
 } else {
 if (value instanceof Object) {
 type = 'object';
 } else {
 type = 'null';
 }
 }
 }
 return type;
}
getValueType(123); //number
getValueType('123'); //string
getValueType(true); //boolean
getValueType(undefined); //undefined
getValueType(null); //null
getValueType([]); //array
getValueType({}); //object
getValueType(function(){}); //function

總結(jié)

以上所述是小編給大家介紹的JavaScript中如何判斷一個(gè)值的類型，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com