Array数组(2)
数组长度
说明:
- 通过设置length可以从数组的末尾移除项或向数组中添加新项
- 把一个值放在超出当前数组大小的位置上时,会重新计算数组长度值,长度值等于最后一项索引加1
选择练习1
下面这段代码运行结果是?(选择一项)
var arr=["blue","orange","yellow","pink","white"];arr[5]="purple";arr[9]="black";console.log(arr.length);
A 9B 10C 7D 5
正确答案:B
参考解析:本题考察的是数组属性length的使用,正确选项为B;数组的长度值等于它的最后一项索引值加1,本题的最后一个索引是9,所以这个数组的长度是10。
选择练习2
下面这段代码运行结果是?(选择一项)
<script> var arr=[1,2,3,4,5]; arr.length=3; console.log(arr);script>
A [1,2,3,4,5]B [1,2,3]C [1,2,3,4]D [1,2]
正确答案:B
参考解析:本题考察的是数组属性length的使用,正确选项为B;数组的长度值等于它的最后一项通过设置length可以从数组的末尾移除项或者添加新项。
编程练习1
小伙伴们,今天我们学习了数组的遍历,那让我们按照下面的效果图来把数组输出吧!
数组内容为:HTML CSS JavaScript HTML5 CSS3
效果图如下:
任务
第一步:先创建一个数组,把效果图显示的内容放进数组中:
var arr = [“HTML”, “CSS”, “JavaScript”, “HTML5”, “CSS3”]
第二步:循环这个数组,注意循环条件的书写:
for(var i=0;i
第三步:按照效果图的样式显示在页面上:
document.write(arr[i]+"
")
参考代码
<html> <head> <meta charset="UTF-8"> <title>数组遍历title> head> <body> <script> var arr=["HTML","CSS","JavaScript","HTML5","CSS3"]; for(var i=0;i document.write(arr[i]+"
"); }script> body>html>
编程练习2
小伙伴们,让我们一起来编写一个统计员工工资的代码,要求:
(1) 不停的接收用户输入的员工的工资,直到用户输入“退出”便不再弹出“输入工资”的窗口
(2) 把用户输入的数据保存在一个数组中
任务
第一步:先创建一个空数组,用来保存接收到的用户输入的数据:
var input; var arr=[];
第二步:使用循环让页面不停地弹出“请输入员工工资”这个窗口,直到用户输入“退出”:
while(input!="退出"){ input=prompt("请输入员工工资"); arr[arr.length]=input}
第三步:在页面上输出这个数组,注意数组中不要包含“退出”最后一项,可以通过把数组的长度减一的方法给数组去掉最后一项:
arr.length-=1; document.write(arr);
参考代码
<html> <head> <meta charset="UTF-8"> <title>统计员工工资title> head> <body> <script> var input; var arr=[]; while(input!="退出"){ input=prompt("请输入员工工资"); arr[arr.length]=input } arr.length-=1; document.write(arr);script> body>html>