1. 程式人生 > 實用技巧 >js 判斷 陣列和物件

js 判斷 陣列和物件

提方案的時候順便會引申一下該方法的使用。

一,instanceOf(可以判斷)

instanceOf運算子用來測試一個物件在其原型鏈中是否存在一個建構函式的prototype屬性。

也可以這樣說:instanceof運算子用來檢測constructor.prototype是否存在於引數object的原型鏈上。

A instanceOf B => 表示 A是否是B的例項

陣列是Array的例項,物件是Object的例項

所以:

1 let arr=[1,2,3];
2 arr instanceof Array //true
3 //多說一句
4 arr instanceof Object //true  因為Array是Object的子

從上面可以看出:可以用instanceof來區分陣列和物件

另外,更重的一點是 instanceof 可以在繼承關係中用來判斷一個例項是否屬於它的父型別。

 1 例如:
 2 function Foo(){} 
 3 Foo.prototype = new Aoo();//JavaScript 原型繼承 
 4 var foo = new Foo(); 
 5 console.log(foo instanceof Foo)//true 
 6 console.log(foo instanceof Aoo)//true
 7 //又如:
 8 console.log(Object instanceof Object);//
true 9 console.log(Function instanceof Function);//true 10 console.log(Number instanceof Number);//false 11 console.log(String instanceof String);//false 12 console.log(Function instanceof Object);//true 13 console.log(Foo instanceof Function);//true 14 console.log(Foo instanceof Foo);//false

二,typeOf():(不可以判斷)

它返回值是一個字串,該字串說明運算數的型別

typeof 一般只能返回如下幾個結果:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。

(1)數字 typeof(x) = "number"

(2)字串 typeof(x) = "string"

(3)布林值 typeof(x) = "boolean"

(4)物件,陣列和null typeof(x) = "object"

(5)函式 typeof(x) = "function"

從(4)可以看出,typeof()故不能用來區分陣列和物件,不能使用

我們可以使用 typeof 來獲取一個變數是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因為如果 a 不存在(未宣告)則會出錯。

三,Object.prototype.toString.call(arr)(可以判斷)(更精準強烈推薦)

它返回[object constructorName]的字串格式,這裡的constructorName就是call引數的函式名,內建型別分為null、string、boolean、number、undefined、array、function、object、date、math

利用物件的toString可以準確判斷是什麼型別,call()改變this指向,這裡是借用Object的方法,然後有人可能會問為什麼不直接用arr.toString而要借用Object的方法,

看下面的例子:

 1 console.log(Object.prototype.toString.call("jerry"));//[object String]
 2 console.log(Object.prototype.toString.call(12));//[object Number]
 3 console.log(Object.prototype.toString.call(true));//[object Boolean]
 4 console.log(Object.prototype.toString.call(undefined));//[object Undefined]
 5 console.log(Object.prototype.toString.call(null));//[object Null]
 6 console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
 7 console.log(Object.prototype.toString.call(function(){}));//[object Function]
 8 console.log(Object.prototype.toString.call([]));//[object Array]
 9 console.log(Object.prototype.toString.call(new Date));//[object Date]
10 console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
11 console.log(Object.prototype.toString.call(new Person));//[object Object]  
1 //直接用toString
2 console.log("jerry".toString());//jerry
3 console.log((1).toString());//1
4 console.log([1,2].toString());//1,2
5 console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中國標準時間)
6 console.log(function(){}.toString());//function (){}
7 console.log(null.toString());//error
8 console.log(undefined.toString());//error

因為toString為Object原型上的方法,而Array、Function都是Object的例項,例項重新改寫了原型上的toString方法,不同的物件呼叫toString方法,呼叫的是改寫之後的方法(轉成各種型別的字串),而不會呼叫Object原型上的toString()方法,因此直接呼叫不能判斷物件型別。

四,es6的方法——Array.isArray()(可以判斷)

Array.isArray([]) //true 五,物件的constructor屬性(可以判斷)
1 var arr = [1,2,3,1];
2 console.log(arr.constructor === Array)//true
3 var obj = {a:1,b:2};
4 console.log(obj.constructor === Object)//true

努力到無能為力,拼搏到感動自己。fighting!!!!