JavaScript对象之数组（二）

Bertha 。 2023-07-17 04:53 24阅读 0赞

# Array数组（2） #

--------------------

# 数组长度 #

语法：array.length

功能：获取数组array的长度

返回值：number

说明：

1.  通过设置length可以从数组的末尾移除项或向数组中添加新项
2.  把一个值放在超出当前数组大小的位置上时，会重新计算数组长度值，长度值等于最后一项索引加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 #

下面这段代码运行结果是？（选择一项）

**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

效果图如下：![数组遍历][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_100_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMzMTky_size_20_color_FFFFFF_t_70]

#### 任务 ####

第一步：先创建一个数组，把效果图显示的内容放进数组中：  
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>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_100_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMzMTky_size_20_color_FFFFFF_t_70]: /images/20230528/e31bcfd4e1e04533ac7bdd32d6ff0017.png