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("/"));
	});

相关推荐