js_数组的应用：生成表格

根据数组的内容，生成页面中的table表格
我们从数据库或者借口获取到的数据信息，往往都是数组形式
基本都是二维数组形式
html部分是

    
    
    
    


    "main">

        

            

                
序号
                
姓名
                
性别
                
年龄
                
户籍
            
        
        

    

js部分：我们先在本地建立数组，模拟数据信息

var arr=[
            ['刘','男','21','河南'],
            ['段','女','22','河南'],
            ['杨','男','23','河南'],
            ['杨','男','23','河南'],
            ['杨','男','23','河南'],
            ['杨','男','23','河南'],
            ['赵','女','24','河南']
        ]

定义变量，存储生成的字符串内容，使用+=拼接字符串

var str='';

然后是将数组内容拼接到变量str中

for(j=0;j<arr.length;j++){
            str+='';
            str+=`${j+1}`;
            for(i=0;i<arr[j].length;i++){
                str+=`${arr[j][i]}`
            }
            str+='';
        }

将循环生成的字符串，写入到tbody标签中

main.innerHTML=str;

运行结果就是