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