欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 判斷一個對象為數組的方法

 更新時間:2017年05月03日 08:58:56   投稿:lqh  
這篇文章主要介紹了javascript 判斷一個對象為數組的方法的相關資料,需要的朋友可以參考下

javascript 判斷一個對象為數組的方法

數組對象

js的數組是無類型的:數組元素可以是任意類型,并且同一個數組中的不同元素也可能有不同的類型。數組的元素可以是對象或其他數組,這樣就可以創(chuàng)建復雜的數據結構。

通常我們可以用一元運算符typeof來判斷js的數據類型,但是對于數組這樣一個特殊的對象卻只能返回"object"

typeof [1,2,3]
"object"
typeof 100
"number"
typeof false
"boolean"
typeof undefined
"undefined"
typeof NaN
"number"
typeof function(){}
"function"
typeof null
"object"

判斷數組的方法

instanceof

instanceof 是一個二元運算符,左邊操作數是一個對象,不是的話返回false,右邊操作數是一個函數對象或者函數構造器,不是的話返回false。原理是通過判斷左操作數的對象的原型鏈上是否具有右操作數的構造函數的prototype屬性。

[1,2] instanceof Array 
true

Array.isArray(arr)

這個ES5新增的一個Array方法,該方法是Array對象的一個靜態(tài)函數,用來判斷一個對象是不是數組。

Array.isArray([1,2])
true

如果頁面里面有n個frame,就存在多個window,每個window都有自己的Array對象,比如確定子window里的某個數組是不是Array時,用instanceof這個方法就不行了

var fr=window.frames[0];
fr.onload=function(){
  console.log(fr.arr instanceof Array);//false
  console.log(Array.isArray(fr.arr));//true
  //arr是另外一個頁面的一個數組
}

Object.prototype.toString.call(arr) === “[object Array]”

Object.prototype.toString.call([1,2])
"[object Array]"

arr.constructor.name===’Array’

[1,2].constructor.name==='Array';
true

但是對象的constructor屬性可以被改寫,改寫后用改方法判斷就不行了

var arr=[1,2];
arr.constructor={};
arr.constructor.name === "Array" //undefined
false

其他方法 可以通過數組的一些獨有的方法判斷該對象是不是數組,比如join,push等

var c=[1,2];
c.push('3');//3
console.log(c)
[1, 2, "3"]

var c="12";
c.push('3');
//Uncaught TypeError: c.push is not a function(…)


var c=[1,2];
c.join('');
"12"

var c='12';
c.join('');
//Uncaught TypeError: c.join is not a function(…)

總結

通過上面的幾種判斷對象為數組對象的方法分析,使用Array.isArray(arr)和Oblect.prototype.toString.call(arr)是比較好的方法。

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關文章

  • JavaScript中reduce方法的用法及使用場景

    JavaScript中reduce方法的用法及使用場景

    reduce()方法對數組中的每個元素按序執(zhí)行一個提供的reducer函數,每一次運行 reducer會將先前元素的計算結果作為參數傳入,最后將其結果匯總為單個返回值,今天我們就介紹一下reduce的幾種簡單使用場景,需要的朋友可以參考下
    2023-08-08
  • js繪制圓形和矩形的方法

    js繪制圓形和矩形的方法

    這篇文章主要介紹了js繪制圓形和矩形的方法,涉及javascript鼠標事件及頁面元素樣式的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • 一個多瀏覽器支持的背景變暗的div并可拖動提示窗口功能的代碼

    一個多瀏覽器支持的背景變暗的div并可拖動提示窗口功能的代碼

    兼容IE、Firefox、Opera前幾天在網上找了許多資料,看了不少兄弟的源碼,一直找不到合適的,要不就是拖動有問題,要不就是不兼容Firefox,所以自已寫了一個,下面是代碼:
    2008-04-04
  • 純JS代碼實現氣泡效果

    純JS代碼實現氣泡效果

    js氣泡效果,在項目需求中經常遇到。今天小編把大概實現步驟分享到腳本之家平臺,感興趣的朋友可以參考下
    2016-05-05
  • jsonp格式前端發(fā)送和后臺接受寫法的代碼詳解

    jsonp格式前端發(fā)送和后臺接受寫法的代碼詳解

    jsonp是ajax提交的一種格式不會受跨域限制,這篇文章主要介紹了jsonp格式前端發(fā)送和后臺接受寫法的代碼詳解,需要的朋友可以參考下
    2019-11-11
  • JavaScript獲取數組最小值和最大值的方法

    JavaScript獲取數組最小值和最大值的方法

    這篇文章主要介紹了JavaScript獲取數組最小值和最大值的方法,涉及javascript中min與max方法的使用技巧,非常簡單實用,需要的朋友可以參考下
    2015-06-06
  • ajax在js中和jQuery中的用法實例詳解

    ajax在js中和jQuery中的用法實例詳解

    Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫),現在允許瀏覽器與服務器通信而無須刷新當前頁面的技術都被叫做Ajax,下面這篇文章主要給大家介紹了關于ajax在js中和jQuery中的用法,需要的朋友可以參考下
    2021-08-08
  • javascript實現倒計時N秒后網頁自動跳轉代碼

    javascript實現倒計時N秒后網頁自動跳轉代碼

    這篇文章主要介紹了javascript實現倒計時N秒后網頁自動跳轉代碼,非常的實用,這里推薦給大家。
    2014-12-12
  • 微信小程序實現錨點功能

    微信小程序實現錨點功能

    這篇文章主要為大家詳細介紹了微信小程序實現錨點功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • JavaScript 獲取元素在父節(jié)點中的下標(推薦)

    JavaScript 獲取元素在父節(jié)點中的下標(推薦)

    jQuery中直接通過$(this).index()即可得到當前元素的下標。下面通過實例給大家介紹JavaScript 獲取元素在父節(jié)點中的下標,需要的朋友參考下吧
    2017-06-06

最新評論