javascript模擬實現toAarray()方法程式碼例項
本章節介紹一下如何模擬實現toAarray()方法。
在jQuery中有此方法的宣告,具體可以參閱jQuery toArray()一章節。
本章節就借鑑一下jQuery的實現方式,單獨將此功能獨立出來。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> function isArrayFn(value) { if (typeof Array.isArray === "function") { return Array.isArray(value); } else { return Object.prototype.toString.call(value) === "[object Array]"; } } var core_slice = Array.prototype.slice; function toArray(elements){ return core_slice.call(elements); } window.onload = function () { var obox = document.getElementById("box"); var odiv = document.getElementById("antzone"); var lis = obox.getElementsByTagName("li"); var arr = toArray(lis); odiv.innerHTML = isArrayFn(toArray(arr)); } </script> </head> <body> <div id="antzone"></div> <ul id="box"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> <li>螞蟻部落五</li> </ul> </body> </html>
上面的程式碼在div中輸出結果為true,說明toArray()函式實現了將元素集合轉換成陣列的功能。
我們可以將toArray()方法再封裝一下,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function toArray(elements) { var core_slice = Array.prototype.slice; return core_slice.call(elements); }
相關閱讀:
(1).typeof可以參閱javascript typeof運算子一章節。
(2).prototype可以參閱javascript prototype原型一章節。
(3).slice可以參閱javascript Array slice()一章節。
(4).getElementsByTagName()可以參閱document.getElementsByTagName()一章節。
相關文章
- javascript模擬實現ArrayList效果程式碼例項JavaScript
- 模擬實現Object.is()方法程式碼例項Object
- javascript模擬實現trim()方法例項程式碼JavaScript
- js模擬實現hashCode()方法程式碼例項JS
- javascript模擬實現滾動條效果程式碼例項JavaScript
- javascript模擬實現連結的title效果例項程式碼JavaScript
- javascript模擬jQuery的map()方法程式碼例項mapJavaScriptjQuery
- js模擬實現多型效果程式碼例項JS多型
- js模擬實現replaceAll()函式程式碼例項JS函式
- css模擬實現雙擊效果程式碼例項CSS
- css模擬實現雙擊事件程式碼例項CSS事件
- 模擬實現連結title效果程式碼例項
- jQuery模擬實現滑鼠點選事件程式碼例項jQuery事件
- 模擬實現文字框游標效果程式碼例項
- 模擬實現select下拉選單例項程式碼單例
- jQuery模擬實現超連結的title程式碼例項jQuery
- js模擬實現StringBuffer類功能程式碼例項JS
- js模擬實現名稱空間功能程式碼例項JS
- js模擬實現select下拉選單程式碼例項JS
- JavaScript模擬實現replaceAll方法JavaScript
- javascript實現的驗證碼程式碼例項JavaScript
- javascript實現animate()動畫效果程式碼例項JavaScript動畫
- javascript實現的補零程式碼例項JavaScript
- canvas模擬彈幕效果程式碼例項Canvas
- 模擬發放紅包效果程式碼例項
- JavaScript模擬拋物運動的程式碼實現JavaScript
- javascript實現的加入收藏程式碼例項JavaScript
- javascript實現區域性列印程式碼例項JavaScript
- javascript實現網頁平滑定位程式碼例項JavaScript網頁
- js模擬點選連結程式碼例項JS
- 模擬select下拉選單程式碼例項
- js模擬實現alert()函式彈出警告視窗效果程式碼例項JS函式
- javascript實現網頁跳轉的程式碼例項JavaScript網頁
- javascript實現的淡入淡出效果程式碼例項JavaScript
- javascript實現的燃放煙火效果程式碼例項JavaScript
- javascript實現的動畫效果簡單例項程式碼JavaScript動畫單例
- javascript模擬實現replaceAll()JavaScript
- 模擬美化select下拉選單程式碼例項