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!!!!