JavaScriptにおけるArayの使い方

2556 ワード

Arayオブジェクトのいくつかの方法の使用を簡単にテストしました.参考にしてください.
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("/"));
	});