1，JS数组【重点】
1.1：四种定义方式
目标：通过学习JS数组，掌握JS中多条目数据的保存方式。
路径：1，四种定义方式 2，遍历方式
第一种：var arr = [1,2,3,"a",true]
第二种：var arr = new Array();
第三种：var arr = new Array(4);
第四种：var arr = new Array("a","b",true)
<script>
//10,11,12,13
//int[] arr = {10,11,12,13};
//方式一【建议】：区别于java： var 和 []
var arr = [10,11,12,13];
//alert(arr);
//方式二【建议】：默认长度0
//int[] arr2 = new int[数组长度];
var arr2 = new Array();//相当于java中的ArrayList
arr2[0] = 10;
arr2[1] = 11;
//alert(arr2);
//方式三：设置默认长度
var arr3 = new Array(3);
//方式四：创建对象，赋值
var arr4 = new Array(10,11,12);
alert(arr4);
</script>
|
1.2：遍历方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var arr = [10,11,12,13];
//两种遍历方式
//普通for循环遍历：(适用于所有数组)
for (var i = 0; i <arr.length ; i++) {
console.log(arr[i]);
}
console.log("-------");
//for..in遍历：类似于java的增强for循环 （适用于自定义数组）
for (var i in arr){
console.log(arr[i]);
}
console.log("-------");
//以下建议使用普通for循环
var inputArr = document.getElementsByTagName("input");
for (var i in inputArr){
console.log(arr[i]);
}
</script>
</head>
<body>
<input/><input/><input/>
</body>
</html>
|
小结：
普通for循环：适用于所有数组
for(var i = 0;i<数组.length;i++){
数组[i];
}
for..in循环：适用于自定义数组
for(var i in 数组){
数组[i];
}
扩展：
<script>
//1、数组扩容：理解为用一个扩一个。 如果使用的索引不存在，就将当前索引 ~ 使用索引全部进行依次创建
var arr = new Array();//0
arr[0] = 10;//1
arr[9] = 90;//因为索引1、2、3、4、5、6、7、8、9都不存在，依次创建。其他未赋值的索引元素，默认值undefined
//alert(arr.length);//10
//alert(arr);
//2、数组属性：理解为可以自定义赋值的键值对
var arr2 = new Array();
arr2[0] = 10;
arr2[1] = 20;
arr2["username"]="爱吃豆的土豆";
arr2["age"]=18;
alert(arr2);//10、20
alert(arr2["username"]);//爱吃豆的土豆
//10，20
for (var i = 0; i <arr2.length ; i++) {
console.log(arr2[i]);
}
console.log("------");
//10,20，爱吃豆的土豆,18
for(var i in arr2){
console.log(arr2[i]);
}
</script>
|
