首頁 > web前端 > js教程 > 主體

web開發中怎樣檢測數組

php中世界最好的语言
發布: 2018-06-04 10:48:55
原創
1335 人瀏覽過

這次為大家帶來web開發中怎樣檢測數組,web開發中檢測數組的注意事項有哪些,下面就是實戰案例,一起來看一下。

JS中最古老的跨域問題之一就是在幀(frame)之間來回傳遞數組。開發者很快就發現instanceof Array在此場景中不總是返回正確的結果。如同上文所提到的,每個影格(frame)都有各自的Array建構子,因此一個影格(frame)中的實例在另一個影格裡不會被辨識。 Douglas Crockford首先推薦使用“鴨式辨型”接口(duck typing)“鴨式辨型”是由作家James Whitcomb Riley首先提出的概念,即“像鴨子一樣走路、游泳並且嘎嘎叫的鳥就是鴨子”,本質上是專注於“對象能做什麼”,而不要專注於“對像是什麼”。

// 采用鸭式辨型的方法检测数组function isArray(value) {  return typeof value.sort === "function";
}
登入後複製

這種偵測方法依賴一個事實,即陣列是唯一包含sort()方法的物件。當然,如果傳入isArray()的參數是一個包含sort()方法的對象,它也會回傳true。

關於如何在JS中檢測數組類型已經有很多研究了,最終,Juriy Zaytsev(也被稱作Kangax)給出了一種優雅的解決方案。

function isArray(value) {  return Object.prototype.toString.call(value) === "[object Array]";
}
登入後複製

Kangax發現呼叫某個值的內建toString()方法在所有瀏覽器中都會傳回標準的字串結果。對陣列來說,傳回的字串為"[object Array]",也不用考慮陣列實例是在哪個訊框(frame)中被建構出來的。 Kangax給出的解決方案很快就流行起來,並被大多數JS類別庫所採納。

這種方法在辨識內建物件時往往十分有用,但對於自訂物件請不要用這種方法。例如,內建JSON物件使用這種方法將會回傳"[object JSON]"。

從那時起, ECMAScript5將Array.isArray()正式引入JS。唯一的目的就是要準確地偵測一個值是否為陣列。同Kangax的函數一樣, Array.isArray()也可以偵測跨幀(frame)傳遞的值,因此許多JS類別函式庫目前都類似地實作了這個方法。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

web開發中事件處理規則有哪些

為什麼web開發中需要避免使用全域變數

以上是web開發中怎樣檢測數組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板