当前位置:   article > 正文

JavaScript了解unshift,push在头部尾部添加元素的代码_js 头部push

js 头部push

     以下为JavaScript了解unshift,push在头部尾部添加元素的程序代码和运行截图

目录

前言

一、unshift在头部添加元素

1.1 运行流程及思想

1.2 代码段

1.3 JavaScript语句代码

1.4 运行截图

二、push在尾部添加元素

2.1 运行流程及思想

2.2 代码段

2.3 JavaScript语句代码

2.4 运行截图


前言

1.若有选择,您可以在目录里进行快速查找;

2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置;

3.本文介绍的是JavaScript代码习题,本博文使用的软件是HBuilder X3.7.9编写的代码,原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的,若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的;

7e9d2dc6d8324836a1de02f0375525f4.png

图1   编写软件举例(部分)

4.这里要特别说明,因为我使用的是HBX,所以是网页格式,我也单独把<script>语句粘贴了出来,有需要可直接复制<script></script>语句;

5.本博文代码是我在上学时写的,有一些地方没能完美实现,请包涵也请多赐教,若您发现了问题也请麻烦您将问题反馈给我,我好更正错误、总结完善、持续改善! 

6.博文通常需要在浏览器运行,通常会弹出表单,输入数值并得出结果。本文使用的是谷歌浏览器,推荐使用谷歌浏览器;

7.若涉及侵权,请联系删除;


提示:以下是本篇文章正文内容,下面案例可供参考

一、unshift在头部添加元素

1.1 运行流程及思想

这是在unshift头部添加元素的代码。具体思想流程如下:

1.2 代码段

代码如下(示例):

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script>
  7. var arr=new Array(5,20,10,8,32,28);
  8. document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");
  9. document.write("unshift 前 arr 数组元素有:");
  10. for(var i=0;i<arr.length;i++)
  11. {
  12. document.write(arr[i]+" ");
  13. }
  14. arr.unshift("hello","world");
  15. document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");
  16. document.write("unshift 后 arr 数组元素有;");
  17. for(var i=0;i<arr.length;i++)
  18. {
  19. document.write(arr[i]+" ");
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. </body>
  25. </html>

1.3 JavaScript语句代码

代码如下(示例):

  1. <script>
  2. var arr=new Array(5,20,10,8,32,28);
  3. document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");
  4. document.write("unshift 前 arr 数组元素有:");
  5. for(var i=0;i<arr.length;i++)
  6. {
  7. document.write(arr[i]+" ");
  8. }
  9. arr.unshift("hello","world");
  10. document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");
  11. document.write("unshift 后 arr 数组元素有;");
  12. for(var i=0;i<arr.length;i++)
  13. {
  14. document.write(arr[i]+" ");
  15. }
  16. </script>

1.4 运行截图

运行结果如下(示例):

1.4.1 浏览器弹出表单显示结果

 

2bdb6a59af43409d95fda560d24a78bf.png

二、push在尾部添加元素

2.1 运行流程及思想

这是在在push尾部添加元素的代码。具体思想流程如下:

2.2 代码段

代码如下(示例):

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script>
  7. var arr=new Array(5,20,10,8,32,28);
  8. document.write("push 前 arr 数组长度为"+arr.length+"<br>");
  9. document.write("push 前 arr 数组元素有:");
  10. for(var i=0;i<arr.length;i++)
  11. {
  12. document.write(arr[i]+" ");
  13. }
  14. arr.push("hello","world");
  15. document.write("<br>push后arr数组长度为"+arr.length+"<br>");
  16. document.write("push 后 arr 数组元素有;");
  17. for(var i=0;i<arr.length;i++)
  18. {
  19. document.write(arr[i]+" ");
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. </body>
  25. </html>

2.3 JavaScript语句代码

代码如下(示例):

  1. <script>
  2. var arr=new Array(5,20,10,8,32,28);
  3. document.write("push 前 arr 数组长度为"+arr.length+"<br>");
  4. document.write("push 前 arr 数组元素有:");
  5. for(var i=0;i<arr.length;i++)
  6. {
  7. document.write(arr[i]+" ");
  8. }
  9. arr.push("hello","world");
  10. document.write("<br>push后arr数组长度为"+arr.length+"<br>");
  11. document.write("push 后 arr 数组元素有;");
  12. for(var i=0;i<arr.length;i++)
  13. {
  14. document.write(arr[i]+" ");
  15. }
  16. </script>

2.4 运行截图

运行结果如下(示例):

2.4.1 浏览器弹出表单显示结果

c340cb9e22b54b9d8ed1fdf2ff62ddd3.png

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/477072
推荐阅读
相关标签
  

闽ICP备14008679号