js如何往数组中添加新元素

js往数组中添加新元素,我们可以使用push方法来实现添加。push()方法可以在数组末尾添加元素,然后返回数组的新长度。

下面我们就结合具体的代码示例,给大家介绍js往数组中添加元素方法

代码示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="utf-8">
    <title>js往数组中添加新元素的示例</title>

</head>
<body>
<div id="result"></div>
<script>
 var arr = ["朱老师","灭绝","西门"];
 arr.push("欧阳克");

 console.log(arr);

 arr.push("韦小宝","小龙女");

 console.log(arr);

 for(var i = 0;i < arr.length; i++){
        document.write("<p>" + arr[i] + "</p>");
 }
</script>
</body>
</html>

上述代码中,我们先定义了一个含有三个元素的数组,然后通过push方法向原数组中添加一个新元素"欧阳克”,并使用调试命令console.log()前台控制台输出新数组内容,如下:

再通过push方法向数组中添加两个元素"韦小宝"和"小龙女",检测如下:

最后我们可以通过for循环,向前台页面输出新数组的所有元素:

e7009337b5985cc7a554e31e24bf5c1.jpg

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能

:要想数组的开头添加一个或多个元素,请使用 unshift() 方法

本篇文章就是关于js往数组中添加新元素的方法介绍,也非常简单希望对需要的朋友有所帮助!

以上就是js如何往数组中添加新元素的详细内容,更多请关注编程之家其它相关文章

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...