JavaScript中Array用法-CSDN博客

本文链接：https://blog.csdn.net/mimang2008110/article/details/84523197

本文通过一个实战案例展示了如何使用JavaScript的Array对象进行元素的添加、删除等操作，并提供了基于jQuery的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面简单测试了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("/"));
	});