在JavaScript中構建ArrayList範例程式碼，arraylist範例程式碼

在JavaScript中構建ArrayList範例程式碼，arraylist範例程式碼

前面我們介紹了JavaScript Array 的API，在JavaScript 中 數組 本身就非常強大，可以儲存任意類型，且長度自動擴容，又提供 遍曆， 過濾，等多個運算元組的方法。

簡直完爆Java的的數組（長度固定，單一類型）。而Java中的集合類 就是彌補數組不足，其底層大多使用Object [] 儲存，只是提供動態擴容的策略，當然JDK的 API 之豐富，是其他語言難以匹敵的。

但是不妨礙我對Java、JavaScript的喜愛。

Java就像 一個中年老婦女，你總能在JDK中 看到她的 風韻猶存，在構建 大型分布式 系統，就能體現出她的 諄諄教導；

而JavaScript 就是含苞待放的 少女 ，每一次綻放 ，就會激起你 內心的 漣漪，得小心調教，才能為你所用。

好吧 原諒我不恰當的比喻，來點乾貨。

/** *@class ArrayList *@description *@time 2014-09-16 21:59 *@author StarZou **/ 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 i , data = this._getData(), length = data.length; for (i = 0; i < length; i++) { if (obj === data[i]) { return i; } } return -1; }, 'lastIndexOf': function (obj) { var i , data = this._getData(), length = data.length; for (i = length - 1; i > -1; i--) { if (obj === data[i]) { return i; } } 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;

// Test 代碼 var arr = new ArrayList([3, 6, 5, 'xyz', 'foo', 'xyz']); console.log(arr.contains('xyz')); console.log(arr.indexOf('xyz')); console.log(arr.lastIndexOf('xyz')); console.log(arr.get(2)); arr.addAll([1, 2, 3]); console.log(arr);

上面代碼實現了 一部分 ，還有最佳化地方，

以後 有時間 寫 JavaScript 類比 實現 Tree ， Stack ，Queue ,Map 等資料結構的類。

servlet向javascript中傳遞了一個arraylist 對象 在javascript 中怎使用這個對象？

在頁面的javascript標籤內用<%%>寫java 代碼
例如
<script>
<% List list=new ArrayList();
for(int i=0;i<list.size();i++){

%>

var index=<%=list.get(i).toString()%>;
<%}

%>
</script>
 
在javascript中有類似java中ArrayList的類型？可以執行如 add remove 等操作

你直接用數組就可以了，javascript數組可以當arraylist stack和deque，是個全能的集合。

用push pop可以在隊尾加入刪除項，用shift unshift可以在隊首加入和刪除像，用splie方法可以在數組中刪除並添加項，slice還可以切割數組