JavaScript数组 - 属性/遍历
数组的属性
数组的长度：
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直接从头遍历到尾，不需要条件判断。
赞 (0)