下面简单测试了Array对象的几个方法的使用,供大家参考
html代码:
<div id="arrDiv">
添加<input type="text" value="" name="arrValue" />到数组中
<input type="button" value="添加元素并输出" class="addBtn" /><br/>
在第<input type="text" value="" name="arrIndex1" />个位置添加<input type="text" value="" name="arrValue1" />
<input type="button" value="添加元素并输出" class="addIndexBtn" /><br/>
移除数组中第<input type="text" value="" name="arrIndex2" />个元素
<input type="button" value="移除元素并输出" class="delIndexBtn" /><br/>
插入<input type="text" value="" name="arrValue2" />到开始位置
<input type="button" value="插入元素并输出" class="addBeginBtn" /><br/>
<input type="button" value="移除第一个元素并输出" class="delBeginBtn" /><br/>
<input type="button" value="移除最后一个元素并输出" class="delEndBtn" /><br/>
</div>
JS代码(JS是使用的JQuery):
var addArr = new Array(); $('.addBtn').click(function() { var value = $('input[name=arrValue]').val(); addArr.push(value); alert(addArr.join("/")); }); $('.addIndexBtn').click(function() { var index = parseInt($('input[name=arrIndex1]').val()); var value = $('input[name=arrValue1]').val(); addArr.splice(index, 0, value); alert(addArr.join("/")); }); $('.delIndexBtn').click(function() { var index = parseInt($('input[name=arrIndex2]').val()); addArr.splice(index, 1); alert(addArr.join("/")); }); $('.addBeginBtn').click(function() { var value = parseInt($('input[name=arrValue2]').val()); addArr.unshift(value); alert(addArr.join("/")); }); $('.delBeginBtn').click(function() { addArr.shift(); alert(addArr.join("/")); }); $('.delEndBtn').click(function() { addArr.pop(); alert(addArr.join("/")); });