JavaScript中Array用法
下面简单测试了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("/")); });
相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22