有没有办法修改打印出来的数组值的样式？

 //第一步把之前的数据写成一个数组的形式,定义变量为 infos

 var infos = [['小A','女','21','大一'],

            ['小B','男','23','大三'],

            ['小C','男','24','大四'],

            ['小D','女','21','大一'],

            ['小E','女','22','大四'],

            ['小F','男','21','大一'],

            ['小G','女','22','大二'],

            ['小H','女','20','大三'],

            ['小I','女','20','大一'],

            ['小J','男','20','大三']]

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

     //复合筛选，找出都是大一并且都是女学生

    if(infos[i][3] === '大一' && infos[i][1] === '女'){

        document.write("大一的女学生："+infos[i]+'<br/>')

    }

}

扩展疑问：虽然运行后能打印出复合条件的数组值，不过外观看着难看，请问是不是要将获取到的infos数组添加到创建的div标签里面，再通过css修改div的样式？

*请知道的老手告知下方法，谢谢。