javascript模擬實現ArrayList效果程式碼例項
在js中並沒有ArrayList,不過可以模擬來實現,下面就是一段這樣的例項程式碼。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function ArrayList(arr){ this._elementData = arr || []; } var arrayListPrototype = { '_arrayPrototype': Array.prototype, '_getData': function () { return this._elementData; }, 'size': function () { return this._getData().length; }, 'isEmpty': function () { return this.size() === 0; }, 'contains': function (obj) { return this.indexOf(obj) > -1; }, 'indexOf': function (obj) { var index , data = this._getData(), length = data.length; for (index = 0; index < length; index++) { if (obj === data[index]) { return index; } } return -1; }, 'lastIndexOf': function (obj) { var index , data = this._getData(), length = data.length; for (index = length - 1; index > -1; index--) { if (obj === data[index]) { return index; } } return -1; }, 'get': function (index) { return this._getData()[index]; }, 'set': function (index, element) { this._getData()[index] = element; }, 'add': function (index, element) { if (element) { this.set(index, element); } else { return this._getData().push(index); } }, 'remove': function (index) { var oldValue = this._getData()[index]; this._getData()[index] = null; return oldValue; }, 'clear': function () { this._getData().length = 0; }, 'addAll': function (index, array) { if (array) { this._getData().splice(index, 0, array); } else { this._arrayPrototype.push.apply(this._getData(), index); } } }; ArrayList.prototype = arrayListPrototype; var arr = new ArrayList([3, 6, 5, 'jquery教程', 'css', '螞蟻部落']); console.log(arr.contains('css')); console.log(arr.indexOf('螞蟻部落')); console.log(arr.lastIndexOf(6)); console.log(arr.get(2)); arr.addAll([1, 2, 3]); console.log(arr);
相關文章
- javascript模擬實現滾動條效果程式碼例項JavaScript
- javascript模擬實現連結的title效果例項程式碼JavaScript
- javascript模擬實現toAarray()方法程式碼例項JavaScript
- js模擬實現多型效果程式碼例項JS多型
- css模擬實現雙擊效果程式碼例項CSS
- 模擬實現連結title效果程式碼例項
- 模擬實現文字框游標效果程式碼例項
- javascript實現animate()動畫效果程式碼例項JavaScript動畫
- canvas模擬彈幕效果程式碼例項Canvas
- 模擬發放紅包效果程式碼例項
- 模擬實現Object.is()方法程式碼例項Object
- javascript模擬實現trim()方法例項程式碼JavaScript
- javascript實現的淡入淡出效果程式碼例項JavaScript
- javascript實現的燃放煙火效果程式碼例項JavaScript
- javascript實現的動畫效果簡單例項程式碼JavaScript動畫單例
- js模擬實現hashCode()方法程式碼例項JS
- js模擬實現replaceAll()函式程式碼例項JS函式
- css模擬實現雙擊事件程式碼例項CSS事件
- js模擬實現alert()函式彈出警告視窗效果程式碼例項JS函式
- javascript實現的簡單驗證碼效果程式碼例項JavaScript
- javascript實現的數字分頁效果程式碼例項JavaScript
- 實現四捨五入效果的javascript程式碼例項JavaScript
- javascript實現的div塊閃爍效果程式碼例項JavaScript
- jQuery模擬實現滑鼠點選事件程式碼例項jQuery事件
- 模擬實現select下拉選單例項程式碼單例
- JavaScript模擬HashMap類效果程式碼JavaScriptHashMap
- javascript模擬jQuery的map()方法程式碼例項mapJavaScriptjQuery
- javascript元素內容漸現效果程式碼例項JavaScript
- javascript動態實現的表單提交效果程式碼例項JavaScript
- jQuery模擬實現超連結的title程式碼例項jQuery
- js模擬實現StringBuffer類功能程式碼例項JS
- js模擬實現名稱空間功能程式碼例項JS
- js模擬實現select下拉選單程式碼例項JS
- jQuery模擬支付寶密碼輸入效果程式碼例項jQuery密碼
- JavaScript日曆效果程式碼例項JavaScript
- css3和js模擬翻頁效果程式碼例項CSSS3JS
- css實現矩形切角效果程式碼例項CSS
- jquery實現的選項卡效果例項程式碼jQuery