数组的属性

数组的长度：

arr.length 访问数组元素的个数

注意： length属性，不是只读的，是可以设置的

举个小例子：

 var arr =["red", "blue", "green"" ];
alert(arr.length);  

运行的效果：

我们做这样一个操作

 var arr = [ "red" , "blue" , "green"l; 
//alert(arr.length);
arr.length = 2;
alert(arr);  

运行效果如下

这就是数组的属性

数组的遍历

在学习数组遍历之前，我们先来回顾一下刚刚所提的数组的访问，数组元素的访问和赋值，都是通过数组的下标来完成的。 下标就是索引，即为元素的序号，从0开始。

下标最大取值： 数组的长度（length）- 1

举个小例子：

 var arr = [10,20,30,40，50];
alert(arr[1 + 2]);  

1+2，所以下标为3，运行效果为第三个元素40

for循环的遍历

数组的遍历一般和循环结合使用， JS中数组和循环是绝配

我们举两个例子来看如何使用：

1.以下为通过循环给数组的每个元素赋值，赋成下标的平方

 var arr = [];
for(var i = 0; i < 10; i++){
    arr[i] = i * i;
}
alert(arr);  

运行结果为

2.以下为通过循环给数组的每个元素赋值，随机数

（随机数：Math.random(); 可以随机0到1之间任意的数）

 var arr = [];
for(var i = 0; i < 10; i++){
    arr[i] = Math.random();
}
alert(arr);  

运行结果如下

以上是通过for循环来进行的遍历

for…in循环的遍历

我们举个与for对比的例子来看一下

首先用for来输出下面的三个单词

 var arr = ["red" , "blue", "green"];
for(var i = 0; i< arr.length; i++){
document.write(arr[i] "<br />");
}  

运行效果如下

再来用for…in来输出一下，for…in为快速遍历，它会将每一个元素从头到尾进行遍历

for…in的格式

编写一下上面的那个例子：

 var arr =["red", "blue", "green"];
for(var i in arr){
//i每一次遍历的下标
document.write(arr[i] +"<br />");
}  

运行效果与上面用for运行的相同

注意：

for…in比for循环的效率要高，因为for循环每次循环结束都需要进行条件判断，而for…in直接从头遍历到尾，不需要条件判断。

– End –

— web分享，分享的不只是web