JavaScript如何判斷變量是數組仍是對象

編輯

方法一：經過判斷變量的類型，而且變量的length屬性(除了有一種例外是arguments對象–當給函數傳參時數據存儲的地方)

var arr=[2,3,4];
  var obj={"name":"maomao","age":20};
  console.log(typeof arr);   //object
  console.log(typeof obj);   //object

  console.log(arr.length);   //3
  console.log(obj.length);   //undefined
  console.log(obj.name);     //maomao
  //這裏說明在對象中並無length屬性，因此是未定義。

方法二:
使用toString方法將對象轉換成其餘類型的string，該例很好的證實了arguments對象不是數組，而是對象

var arr=[2,3,4];
    var obj={"name":"maomao","age":20};
    // console.log(arr.toString());  //'2,3,4'
    // console.log(obj.toString());  //[object Object]

    function sum(a,b){
       // console.log(arguments);
       // console.log(typeof arguments);    //object
       // console.log(arguments.length);    //2 根據具體調用函數傳的實參決定
       // console.log(arguments.toString()); //[object Arguments]
       return a+b;
    }
    alert(sum(3,4));

web前端JavaScript學習羣：618522268
方法三： —>不可行
instanceof 指出對象是不是特定類的一個實例。
結論:instanceof 檢測一個對象A是否是另外一個對象B的實例的原理是：查看對象B的prototype指向的對象是否在對象A的[[prototype]]鏈上。若是在，則返回true,若是不在則返回false。不過有一個特殊的狀況，當對象B的prototype爲null將會報錯(相似於空指針異常)。

var arr=[2,3,4,"haa"];
    var obj={"name":"maomao","age":20};
    console.log(arr instanceof Array);  //true
    console.log(obj instanceof Object);  //true

    console.log(arr instanceof Object);  //true
    ---這裏跟網上的不一樣，不知道是什麼緣由
    console.log(obj instanceof Array);  //false

四、ECMAScript 5中可使用isArray來判斷

var arr=[2,3,4,"haa"];
    var obj={"name":"maomao","age":20};
    console.log(Array.isArray(arr));  //true
    console.log(Array.isArray(obj));  //false
    //注意沒有isObject這種方法   暫時

五、使用isPrototypeOf()函數
原理：檢測一個對象是不是Array的原型（或處於原型鏈中，不但可檢測直接父對象，還可檢測整個原型鏈上的全部父對象）
使用方法: parent.isPrototypeOf(child)來檢測parent是否爲child的原型;
需注意的是isPrototypeOf()函數實現的功能和instancof運算符很是相似；

var arr=[2,3,4,"haa"];
var object={"name":"maomao","age":20};
console.log(Array.prototype.isPrototypeOf(arr));    //true
console.log(Array.prototype.isPrototypeOf(object)); //false
console.log(Object.prototype.isPrototypeOf(arr));   //true                   console.log(Object.prototype.isPrototypeOf(object));  //true

//從上面上看Array.prototype.isPrototypeOf()能夠做爲判斷的依據

六、使用constructor屬性

var arr=[2,3,4,"haa"];
var obj={"name":"maomao","age":20};
console.log(arr.constructor); //function Array() { [native code] }
console.log(obj.constructor); //function Object() { [native code] }
console.log(arr.constructor==Array); //true
console.log(arr.constructor==Object); //false
console.log(obj.constructor==Array); //false
console.log(obj.constructor==Object); //true

七、使用concat方法–靈活變通
array.concat(數組1,數組2,…)
返回一個新數組，這個新數組是由兩個或更多數組組合而成的

var arr=[2,3,4];
var obj={"name":"maomao","age":20,'concat':function(){ return 1;}};
console.log(arr.concat()); //[2,3,4]
console.log(obj.concat()); //1 固然這個concat是我自定義上去的方法，返回值也是能夠定製的。若是沒有該方法則會報出Uncaught TypeError: obj.concat is not a function這個錯誤。
web前端JavaScript學習羣618522268