大家過來看看還有什么可以優(yōu)化的
<!DOCTYPE? HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制語句</title>
<script type="text/javascript">
?//第一步把之前的數(shù)據(jù)寫成一個數(shù)組的形式,定義變量為 infos
?var infos = [['小A','女',21,'大一'],? ['小B','男',23,'大三'],
['小C','男',24,'大四'], ['小D','女',21,'大一'],
? ['小E','女',22,'大四'],? ['小F','男',21,'大一'],
? ['小G','女',22,'大二'],? ['小H','女',20,'大三'],
? ? ['小I','女',20,'大一'],? ['小J','男',20,'大三']]
?
?//第一次篩選,找出都是大一的信息
?let init = []
?for(var i in infos){
? ? ?for(var j in infos[i]){
? ? ? ? ?if(infos[i][j] === '大一'){
? ? ? ? ? ? ?init.push(infos[i])
? ? ? ? ?}
? ? ?}
?}
??
?//第二次篩選,找出都是女生的信息
?for(var k in init){
? ? ?for(var y in init[k]){
? ? if(init[k][y] === '女'){?
? ? ? ? document.write(init[k] + "<br>")}
? ? ?}
?}
</script>
</head>
<body>
</body>
</html>
2024-10-02
var infos = [
? ? ['小A', '女', 21, '大一'],
? ? ['小B', '男', 23, '大三'],
? ? ['小C', '男', 24, '大四'],
? ? ['小D', '女', 21, '大一'],
? ? ['小E', '女', 22, '大四'],
? ? ['小F', '男', 21, '大一'],
? ? ['小G', '女', 22, '大二'],
? ? ['小H', '女', 20, '大三'],
? ? ['小I', '女', 20, '大一'],
? ? ['小J', '男', 20, '大三']
];
// 第一次篩選,找出都是大一的信息
var firstFilter = infos.filter(function(student) {
? ? return student[3] === '大一';
});
// 第二次篩選,找出都是女生的信息
var secondFilter = firstFilter.filter(function(student) {
? ? return student[1] === '女';
});
// 輸出所有是大一的女生的名字
secondFilter.forEach(function(student) {
? ? document.write(student[0] + "<br/>");
});