JavaScript数组push()方法详解与实战应用

作者:青柠

时间:2026-10-28

浏览:646

本文详细介绍JavaScript中数组的push()方法,该方法用于向数组末尾添加一个或多个元素并返回新长度。文章解析了push()的语法结构、必需与可选参数,并强调其直接修改原数组的特性。通过HTML复选框与JavaScript结合的示例,演示了如何利用push()动态收集选中项值并获取数组长度,帮助开发者掌握这一基础且重要的数组操作技巧。

文章目录

push()方法基础语法与参数说明

push() 方法用于将指定元素追加到数组末尾,并返回添加元素后的数组新长度。其返回值即为添加指定值后的新长度数值。 语法格式如下:arrayObject.push(newelement1,newelement2,....,newelementX) 其中,参数newelement1为必需项,代表要添加到数组的第一个元素。 参数newelement2为可选项,代表要添加到数组的第二个元素。 参数newelementX为可选项,允许同时添加多个元素。

push()方法特性与栈操作

push() 方法会按照参数的顺序,依次将它们追加到 arrayObject 数组的尾部。需要注意的是,该方法直接修改原 arrayObject 对象,而不会创建新的数组实例。push() 常与 pop() 方法配合,利用数组先进后出(LIFO)的栈功能特性。调用该方法后,数组的长度会发生改变。

push()方法实战示例

示例:

代码如下:

<!doctype html>
<meta charset="utf-8">
<body>
<input type="checkbox" value="1" name="check" checked="checked"/>
<input type="checkbox" value="1" name="check"/>
<input type="checkbox" value="1" name="check" checked="checked"/>
<input type="checkbox" value="1" name="check" />
<input type="button" value="你选中的个数" id="btn" />
<script>
var btn=document.getElementById('btn');
btn.onclick=function(){
var arrays=new Array();
var checkitem=document.getElementsByName("check");
for(var i=0;i<checkitem.length;i++)
         {
if(checkitem[i].checked){
arrays.push(checkitem[i].value);//将()里面的值传入arrays数组中
             }
         }
alert(arrays.length)
       }
</script>
</body>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章