JavaScript之坑我--数组原理探析-CSDN博客

基础坑必知：
js中的数组声明时不需要指定数据类型，不强制指定长度，可以同时存储各种数据类型的数据。这在java中任何一个都是不可想象的。

数组的声明方式：

var arr = [2, “luozhixiao”, 4, 5, 6]; //隐式创建

var arr = new Array(2, “luozhixiao”, 4, 5, 6); //构造方法（这里可以看出js中数组也是个对象，是构造出来的）

var arr = new Array(5);//创建一个长度为5的数组:这容易和上面的构造方法混淆，故极少用。

在学习语法的时候我们需要知道一点：语法模拟：仅仅为了简便起见而已;

如:数组的声明，[] ----〉 new Array();（这是一个构造方法！！！）

对象的声明，{} ----〉 new Object();

正则的声明，// ----〉 new RegExp();

数组的遍历：

(1) for(var i = 0 ; i<arr.length ; i++){alert(arr[i]);}

(2) for(var i in arr){ alert(arr[i]);}

Java中，forEach 遍历ArrayList , i 就是arr中的一个元素了；可是在js中，i 仅仅是arr的下标而已！！！

其实我觉得这个设计比java的for…in更优秀，毕竟在java中我们for…in无法获取对应的下标而仅仅得到其元素而已。

二维数组：

var arr = [[],[],[],[]];

var arr2 = [["luozhixiao",22,"huazhou"],["limeisheng",44,"meizhou"]];

原理坑须知：

1. 在js中，我们要明确一点是，数组不是数据类型，而是Object类型，对象！！！

Js 中 for …in 可以遍历一个对象的所有属性，也可以遍历一个数组的所有属性。
遍历一个对象的所有属性：

Var obj = {name : “luozhixiao” , age:22 , address:”huazhou”};

For(var i in obj){ alert(obj[i]) ; }
遍历一个数组的所有元素：见下例。

2. 在js中，数组真的是被设计的好灵活：下标可以是字符串！！！即：文本下标！！(然而，真的是下标么？且看下面分析)

var arr = new Array("luo" , "zhi" , "xiao" , 22);

document.write("（1）数组长度："+arr.length+"<br/>");

arr["address"] = "huazhou";

arr["country"] = "China";

document.write("（2）数组长度："+arr.length+"<br/>");//对比（1）的结果

document.write("for...in遍历："+"<br/>");

for(var i in arr){

document.write(""+ i + " : " +arr[i]+"<br/>");

}

document.write("普通for循环遍历："+"<br/>");

for(var i = 0 ; i<arr.length ; i++){

document.write(""+ i + " : " +arr[i]+"<br/>");

}

</script>

运行结果如下：

（1）数组长度：4
（2）数组长度：4
for...in遍历：
0 : luo
1 : zhi
2 : xiao
3 : 22
address : huazhou
country : China
普通for循环遍历：
0 : luo
1 : zhi
2 : xiao
3 : 22

其实，到目前为止，我们可以重新来理解数组了：数组真的是一个{ }！！我们通过调试一下即知道：

解析：
如上图arr 其实和普通对象一样：{ 0 : “luo” , 1:”zhi” , 2:”xiao” , 3:22 , address:”huazhou” , length:4}，其中0，1，2，3 都是一个对象的属性，和address，length一样。所谓的文本下标，其实是对象的属性而已。

注意的是， length是数组对象的一个属性，只记录着数组元素的总个数，没有记录数组对象的属性总个数。因此，我们遍历数组对象时，普通的for循环是无法打印出数组对象的属性的；而for…in 则全部属性都可以！！

然而，我们可以通过arr.address，arr.length 访问属性的值，却无法通过arr.0, arr.1, arr.2, arr.3访问到数组元素，因为js中没有这种语法。因此有了这个注意点：

for…in 遍历数组，不可以使用arr.i的形式访问属性的值，因为这样子是访问arr数组对象中的属性名为i 的那个属性的值！！！如：

例子中arr对象中没有名为i 的属性，所以输出的都是undefined

var arr = new Array("luo" , "zhi" , "xiao" , 22);

arr["address"] = "huazhou";

arr["country"] = "China";

document.write("for...in遍历："+"<br/>");

for(var i in arr){

document.write(""+ i + " : " +arr.i+"<br/>");

}

</script>

结果如下：

for...in遍历：
0 : undefined
1 : undefined
2 : undefined
3 : undefined
10 : undefined
address : undefined
country : undefined