快捷導(dǎo)航

Javascript中常用的檢測(cè)方法小結(jié)

更新時(shí)間：2016年10月08日 11:46:26 投稿：daisy

這篇文章主要給大家總結(jié)了Javascript中常用的檢測(cè)方法，通過(guò)這些總結(jié)的方法相信對(duì)大家學(xué)習(xí)或者使用Javascript能有所幫助，有需要的朋友們下面來(lái)一起看看吧。

一、數(shù)組檢測(cè)

1.使用ARRAY.ISARRAY()

Array.isArray(obj)

例如：

Array.isArray([]) //true
Array.isArray({}) //false

兼容性：

CHROME	FIREFOX	IE	OPERA	SAFARI
5	4.0(2.0)	9	10.5	5

可以使用以下方式，先檢測(cè)是否支持Array.isArray。

if(Array.isArray){
  return Array.isArray(obj);
}

2. 使用INSTANCEOF

arr instanceof Array

例如：

var arr=[];
console.log(arr instanceof Array); //true

3. 使用OBJECT.PROTOTYPE.TOSTRING方法

if( Object.prototype.toString.call(arr) === '[object Array]' ) {
  console.log("yes");
}

4.使用CONSTRUCTOR的方法

function isArray(obj){
  return !!obj && Array === obj.constructor;
}

二、類(lèi)型檢測(cè)

typeof操作符檢測(cè)給定變量的數(shù)據(jù)類(lèi)型

typeof operand //operand 是一個(gè)表達(dá)式，表示對(duì)象或原始值

以下是一些常見(jiàn)類(lèi)型的返回結(jié)果，值得注意的是null返回的是object,其實(shí)對(duì)于引用類(lèi)型的判斷都為object。

TYPE	RESULT
Undefined	“undefined”
Null	“object” (see below)
Boolean	“boolean”
Number	“number”
String	“string”
Symbol (new in ECMAScript 2015)	“symbol”
Host object (provided by the JS environment)	Implementation-dependent
Function object (implements [[Call]] in ECMA-262 terms)	“function”
Any other object	“object”

三、對(duì)象類(lèi)型檢測(cè)

1. INSTANCEOF

用來(lái)檢測(cè) constructor.prototype是否存在于object 的原型鏈上

使用方式：

object instanceof constructor

舉個(gè)例子：

function A(){};
var a=new A();
a instanceof A //true
a instanceof Object //true
a.prototype instanceof Object //true

2. ISPROTOTYPEOF

只要是原型鏈所派生的實(shí)例的原型，會(huì)返回true

Object.prototype.isPrototypeOf(instance);

這里需要注意的是與instanceof的區(qū)別，在constructors被復(fù)寫(xiě)，而又沒(méi)有重新制定的情況下，照樣可以使用isPrototype

var A = {
 //something
}
var B = Object.create(A);
var C = Object.create(B);

console.log(A.isPrototypeOf(C)); // true
console.log(C instanceof A);   //TypeError

3. HASOWNPROPERTY

hasOwnProperty() 方法用來(lái)判斷某個(gè)對(duì)象是否含有指定的自身屬性。

4. OBJECT.IS()

用來(lái)比較兩個(gè)值是否嚴(yán)格相等，與===相同

四、基本類(lèi)型檢測(cè)

NUMBER

Number.isFinite()

用來(lái)檢查一個(gè)數(shù)值是否為有限的（finite）

Number.isNaN()

用來(lái)檢查一個(gè)值是否為NaN

Number.isInteger()

用來(lái)判斷一個(gè)值是否為整數(shù)。在JavaScript中，整數(shù)和浮點(diǎn)數(shù)是同樣的儲(chǔ)存方法，所以1和1.0為同一個(gè)值.