一、数组:
定义:数据的集合,可以存储多个单元的数据
数组中的数据单元,可以是任意形式的数据内容(数组,对象,函数)
1、字面量:
var 变量 == [数据1,数据2,数据3,.....];
在[]中括号中各个数据用逗号隔开,
2、数组的嵌套:
var 变量 == [数据1,数据2,数据3,[数据1,数据2,数据3,.....],[数据1,数据2,数据3,.....],[数据1,数据2,数据3,.....],[数据1,数据2,数据3,.....].....];
二、数组的调用:
1、简单数组的调用:
var arr = [1,2,3,4,5];
//调用数组中第一个数据
console.log(arr[0]);
//调用数组中第二个数据
console.log(arr[1]);
//调用数组中第三个数据
console.log(arr[2]);
//调用数组中第n个数据,如果n大于数组个数,执行结果为undefined
console.log(arr[n]);
2、嵌套数组的调用:
var arr2 = ['北京' , '上海' , '广州' , ['a' , 'b' , 'c' , 'd']];
//调用第三个数据:广州
console.log(arr2[2])
//调用第四个数据:['a' , 'b' , 'c' , 'd']
console.log(arr2[3])
//调用第四个数据中的第一个数据
console.log(arr2[3][0])
三、数组的length属性:
1、是数组特有的属性,表示数组的长度,也就是单元的个数
2、数组中最大的索引下标 是 length-1
3、获取length属性值 : 数组变量.length
四、数组的应用:
1、根据数组的内容,填充页面中的表格
<body>
<table>
<thead>
<tr>
<td>序号</td>
<td>姓名</td>
<td>年龄</td>
<td>地址</td>
<td>性别</td>
</tr>
</thead>
<!-- 给标签定义id属性和属性值,通过属性值来操作标签 -->
<tbody id="tb"></tbody>
</table>
<script>
// 建立数组,模拟本地数据信息
var arr = [
['张123',18,'北京','男'],
['李四',19,'上海','女'],
['王五',20,'广州','男'],
['赵六',21,'重庆','女'],
];
// 定义变量,存储生成的字符串内容,使用 += 拼接字符串形式
var str = '';
// 外层循环,生成tr
for(var i = 0 ; i <= arr.length-1 ; i++){
// 定义tr标签
str += '<tr>';
// 第一个单元格是序号,内容是一维索引+1
str += `<td>${i+1}</td>`;
// 内层循环,生成其他td标签,内容是二维数组内容
for(var j = 0 ; j <= arr[i].length-1 ; j++){
str += `<td>${arr[i][j]}</td>`;
}
str += '</tr>';
}
// 将循环生成的字符串,写入到tbody标签中
tb.innerHTML = str;
</script>
</body>
2、当然还能做很多html页面的填充