<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 peoplelist
var peoplelist = [['小A','女',21,'大一'],
['小B','男',23,'大三'],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']]
//第一次筛选，找出都是大一的信息
function chooseGradeone() {
for (var i = 0; i < peoplelist.length; i++) {
if (peoplelist[i][3] == '大一') {
for (var j = 0; j < peoplelist[i].length; j++) {
document.write(peoplelist[i][j] + ", ");
}
document.write("</br>");
}
}
}
//第二次筛选，找出都是女生的信息
function chooseGirl() {
for (var i = 0;i < peoplelist.length;i++){
if (peoplelist[i][1] == '女'){
for(var j = 0;j < peoplelist[i].length;j++){
document.write(peoplelist[i][j] + ", ");
}
document.write("</br>");
}
}
}
</script>
</head>
<body>
<p id="demo">原来我是这样的</p>
<button onclick="getElementById('demo').innerHTML= chooseGradeone()">
点我筛选大一学生
</button>
<button onclick="getElementById('demo').innerHTML = chooseGirl()">
点我筛选女孩
</button>
</body>
</html>
