js流程控制语句

作者: jasmine_jing | 来源:发表于2017-02-28 11:33 被阅读0次

2.原生js——流程控制语句
[JS基础]笔记四
4/07day28_js基础
web进阶之二十：JavaScript 语法之函数的流程控制
12
js之你不知道的流程控制
JS流程控制语句、条件判断语句
JS的一些流程控制语句、多重条件判断语句、以及数组的操作方法
2019-06-11第十二天
2019-04-04第十三天

编程练习

在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。

学生信息如下：

('小A','女',21,'大一'),  ('小B','男',23,'大三'),
('小C','男',24,'大四'),  ('小D','女',21,'大一'),
('小E','女',22,'大四'),  ('小F','男',21,'大一'),
('小G','女',22,'大二'),  ('小H','女',20,'大三'),
('小I','女',20,'大一'),  ('小J','男',20,'大三')

任务

第一步：把这些数据组成一个数组，方便我们之后操作哦。
提示: 使用二维数组。
第二步：筛选数据吧，首先找出都是大一的所有信息 ;
第三步：最后再一次筛选上一步得到的数据，打印出都是女生的姓名 ;
提示: 可以用switch 或 if 语句进行筛选。

两种方法（参考代码）

<!DOCTYPE  HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

 //第一步把之前的数据写成一个数组的形式,定义变量为 infos
 var infos=new Array();
 infos =[
['小A','女',21,'大一'],
['小B','男',23,'大三'],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']
];
//方法一：

 //第一次筛选，找出都是大一的信息
var arr=[];
var n=0;
 /*for(var i=0;i<infos.length;i++){
     if(infos[i][3]=="大一"){
         arr[n] =infos[i];
         document.write(arr[n]+"<br>");
         n++;
     }
 }
 //第二次筛选，找出都是女生的信息*/
  document.write("<br>");
 var arr1 =[];
 var a=0;
 for(var j=0;j<arr.length;j++){
     if(arr[j][1] == "女"){
         arr1[a] = arr[j];
         document.write(arr1[a]+"<br>");
         a++;
     }
 }

方法二：
 var arr1=[];
 var a=0;
for(var i=0;i<infos.length;i++){
    if(infos[i][3]=="大一"){
      arr[n] = infos[i];
       document.write(arr[n]+"<br>");
      n++;
      
      //document.write(arr.length);
        if(arr[i][1] == "女"){
            arr1[a] = arr[i];
            document.write(arr1[a]+"<br>");
            a++;
        }  
    }
}

####方法三
for(var i = 0; i < infos.length; i++) {
    if(infos[i][3] === "大一" && infos[i][1] === "女") {
        document.write(infos[i] + "<br />");
    }
    
}   
</script>
</head>
<body>
</body>
</html>