数组（二）"/>
JavaScript对象之数组（二）
Array数组（2）
数组长度
语法：array.length
功能：获取数组array的长度
返回值：number
说明：
- 通过设置length可以从数组的末尾移除项或向数组中添加新项
- 把一个值放在超出当前数组大小的位置上时，会重新计算数组长度值，长度值等于最后一项索引加1
选择练习1
下面这段代码运行结果是？（选择一项）
var arr=["blue","orange","yellow","pink","white"];
arr[5]="purple";
arr[9]="black";
console.log(arr.length);
A 9
B 10
C 7
D 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<arr.length;i++)
第三步：按照效果图的样式显示在页面上：
document.write(arr[i]+"<br />")
参考代码
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>数组遍历</title></head><body><script>var arr=["HTML","CSS","JavaScript","HTML5","CSS3"];for(var i=0;i<arr.length;i++){document.write(arr[i]+"<br />");}</script></body>
</html>编程练习2
小伙伴们，让我们一起来编写一个统计员工工资的代码，要求：
（1） 不停的接收用户输入的员工的工资，直到用户输入“退出”便不再弹出“输入工资”的窗口
（2） 把用户输入的数据保存在一个数组中
任务
第一步：先创建一个空数组，用来保存接收到的用户输入的数据：
var input; var arr=[];
第二步：使用循环让页面不停地弹出“请输入员工工资”这个窗口，直到用户输入“退出”：
while(input!="退出"){input=prompt("请输入员工工资");arr[arr.length]=input
}
第三步：在页面上输出这个数组，注意数组中不要包含“退出”最后一项，可以通过把数组的长度减一的方法给数组去掉最后一项：
arr.length-=1;
document.write(arr);
参考代码
<!DOCTYPE html>
<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>更多推荐
JavaScript对象之数组（二）
发布评论