二维数组
一、如何声明一个二维数组:
var study=[
[1,2,3,4,5,6]
[10,20,30,40,50,60]
[100,200,300,400,500,600]
]
(1)二维数组的概念:数组元素为一维数组的一维数组就是二维数组。
(2)一维数组相当于平房,访问元素使用一个下标,二维数组相当于楼房,访问元素使用两个下标
(3)声明一个空的二维数组
例:var array=new Array(5);
for(var i=0;i<array.length;i++);{
array[i]=new Array(4);
}
console.log(array);
二、杨辉三角,在页面中输出9行的杨辉三角。
var row=10;
var yh=new Array(row);
for(var i=0;i<yh.length;i++){
yh[i]=new Array(row);
}
for(vari=0;i<yh.length;i++){
yh[i][0]=1;
yh[i][i]=1;
}
for(var i=2;i<yh.length;i++){
for(var j=1;j<i;i++){
yh[i][j]=yh[i-1][j]+yh[y-1][j-1]
}
}
for(var i=0;i<yh.length;i++){
for(var j=0;j<=i;i++){
document.write("" + yh[i][j])+ “)”
}
duocument.write("
")
}
三、具有二级菜单功能的导航栏
1、通过数组来模拟数据:
(1)利用一维数组来模拟一级菜单的菜单项。
(2)利用二维数组来模拟二级菜单的菜单项。
2、通过对一维数组的遍历制作一级菜单,通过对二维数组的遍历制作二级菜单。
// 创建一级菜单的ul对象
var $ul1=$('<ul></ul>');
// 遍历一级导航,生成主导航项
for(var i=0;i<firstNavText.length;i++){
var $li1=$('<li><a href="' + firstNavLink[i] +'">' + firstNavText[i] + '</a></li>');
// 遍历二级导航,生成子导航项
var $ul2=$('<ul></ul>');
for(var j=0;j<secondNavText[i].length;j++){
var $li2=$('<li><a href="' + secondNavLink[i][j] + '">' + secondNavText[i][j] + '</a></li>');
$ul2.append($li2);
}
$li1.append($ul2);
$ul1.append($li1);
}
$(".nav .navContent").append($ul1);