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

news/2024/11/27 15:36:59/

     以下为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 代码段

代码如下(示例):

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var arr=new Array(5,20,10,8,32,28);document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");document.write("unshift 前 arr 数组元素有:");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}arr.unshift("hello","world");document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");document.write("unshift 后 arr 数组元素有;");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}</script></head><body></body>
</html>

1.3 JavaScript语句代码

代码如下(示例):

<script>var arr=new Array(5,20,10,8,32,28);document.write("unshift 前 arr 数组长度为"+arr.length+"<br>");document.write("unshift 前 arr 数组元素有:");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}arr.unshift("hello","world");document.write("<br>unshif后arr数组长度为"+arr.length+"<br>");document.write("unshift 后 arr 数组元素有;");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}</script>

1.4 运行截图

运行结果如下(示例):

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

 

2bdb6a59af43409d95fda560d24a78bf.png

二、push在尾部添加元素

2.1 运行流程及思想

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

2.2 代码段

代码如下(示例):

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var arr=new Array(5,20,10,8,32,28);document.write("push 前 arr 数组长度为"+arr.length+"<br>");document.write("push 前 arr 数组元素有:");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}arr.push("hello","world");document.write("<br>push后arr数组长度为"+arr.length+"<br>");document.write("push 后 arr 数组元素有;");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}</script></head><body></body>
</html>

2.3 JavaScript语句代码

代码如下(示例):

<script>var arr=new Array(5,20,10,8,32,28);document.write("push 前 arr 数组长度为"+arr.length+"<br>");document.write("push 前 arr 数组元素有:");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}arr.push("hello","world");document.write("<br>push后arr数组长度为"+arr.length+"<br>");document.write("push 后 arr 数组元素有;");for(var i=0;i<arr.length;i++){document.write(arr[i]+" ");}</script>

2.4 运行截图

运行结果如下(示例):

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

c340cb9e22b54b9d8ed1fdf2ff62ddd3.png

 


http://www.ppmy.cn/news/141216.html

相关文章

iPad触屏笔哪个牌子好用?平替电容笔推荐

电容笔可以说是人手必备的数码产品&#xff0c;市面上的电容笔品牌数不胜数&#xff0c;很多人都快赶不上它的步伐了&#xff0c;新品的大批量上升&#xff0c;说明市场上的电容笔的需求量日益扩大&#xff0c;越来越多人在学习上、办公上等使用&#xff0c;作为资深的电容笔发…

【数据结构】经典排序法

欢迎来到Cefler的博客&#x1f601; &#x1f54c;博客主页&#xff1a;那个传说中的man的主页 &#x1f3e0;个人专栏&#xff1a;题目解析 &#x1f30e;推荐文章&#xff1a;题目大解析2 目录 &#x1f449;&#x1f3fb; 直接插入排序&#x1f449;&#x1f3fb; 选择排序&…

前端039_图表展现_上手Echars图表

上手Echars图表 1、npm安装ECharts2、绘制一个简单的图表管理后台图表也是常见得需求。这里图表就只推荐 ECharts,功能齐全,社区 demo 也丰富。 官网 https://echarts.apache.org/示例:https://echarts.apache.org/examples/zh/index.html教程:https://echarts.apache.org/…

水果店的保鲜方法有哪些,水果店晚上都用什么方法保鲜

1、水果保鲜很多细节不一样 冬天比较好保鲜&#xff0c;温度比较低。夏天没有冷库&#xff0c;空调就24小时开着就行了&#xff0c;不用在乎电费&#xff0c;坏一点水果都几百块&#xff0c;一天电费也没多少钱&#xff0c;算起来也划算。开水果店主入门学习交流圈子&#xff…

生活中常用的汉字?有4600个。都有哪些呢?

视频链接&#xff1a;生活中常用的汉字&#xff1f;有4600个。都有哪些呢&#xff1f;_哔哩哔哩_bilibili 下载链接&#xff1a;https://download.csdn.net/download/weixin_42859280/86748323 代码&#xff1a; # cPickle是python2系列用的&#xff0c;3系列已经不用了&…

开个水果店要投资多少钱,开水果店投资

1、水果店成本投入至少15W以上 大家都觉得开水果店是小本经营&#xff0c;其实成本特别高。比如二三线城市的门店60平方米&#xff0c;每年的房租是28000&#xff0c;一个月平均就是2333。而电价和水价都高出一般民用标准&#xff0c;一个月下来电费就三百多。这样一来&#x…

5条方法,使用魅力文案引导用户行动

​终于&#xff0c;我们的文案激发了消费者的购买欲望&#xff0c;也解决他们的信任问题&#xff0c;但是如果想让消费者马上行动起来&#xff0c;还需要引导下单。 所以最后一步&#xff0c;一定不要错过。 4 引导消费者马上下单 终于&#xff0c;你打消了顾客的顾虑&#…

惠而浦扫地机器人充不进电_惠而浦和西屋诉说不要被廉价欺骗 | 智能扫地机器人评测...

惠而浦和西屋诉说不要被廉价欺骗 关注到很多网友都在问惠而浦和西屋质量问题&#xff0c;笔者最近也打算买破壁机&#xff0c;刚好也看中惠而浦破壁机这款&#xff0c;观察到评价都说不错&#xff0c;有识常都知这评价可能存在水份&#xff0c;在我犹豫时&#xff0c;得知同事在…