課程
/前端開發
/JavaScript
/JavaScript進階篇
都是用循環的，難道沒有一個用switch的嗎？表示在switch的表達中卡了好久，放棄了，想看看高手怎么搞
2017-04-23
源自：JavaScript進階篇 4-10
正在回答
不用循環你這么搞也是醉了，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 = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']];
var arr2 = [];?
for(var i=0;i<infos.length;i++){
? ? switch(infos[i][3]){
? ? ? ? case '大一':
? ? ? ? arr2.push(infos[i]);
? ? ? ? default:
? ? ? ? document.write('');
? ? }
}
?for(var j=0;j<arr2.length;j++){
? ? switch(array2[j][1]){
? ? ? ? case '女':
? ? ? ? document.write('第二次篩選'+arr2[j]+'<br>');
}?
</script>
</head>
<body>
</body>
</html>
蘇子晨 提問者
慕前端8788530 回復 蘇子晨 提問者
<!DOCTYPE?html> <html> ?<head> ?<meta?charset="utf-8"/> ??<title>?事件</title>?? ??<script?type="text/javascript"> ???function?count(){ ??? var?txt1=parseInt(document.getElementById("txt1").value);?? ????//獲取第一個輸入框的值 ????var?txt2=parseInt(document.getElementById("txt2").value);? //獲取第二個輸入框的值 var?select1=document.getElementById("select").value; ????switch(select1){ ????????case?"+": ????????var?sum?=?txt1+txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"-": ????????var?sum?=?txt1-txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"*": ????????var?sum?=?txt1*txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"/": ????????var?sum?=?txt1/txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????} ???} ??</script>? ?</head>? ?<body> ???<input?type='text'?id='txt1'?/>? ???<select?id='select'> <option?value='+'>+</option> <option?value="-">-</option> <option?value="*">*</option> <option?value="/">/</option> ???</select> ???<input?type='text'?id='txt2'?/>? ???<input?type='button'?value='?=?'?onclick="count()"?/>?<!--通過?=?按鈕來調用創建的函數，得到結果-->? ???<input?type='text'?id='fruit'/>??? ?</body> </html>
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
4 回答如何用switch做？
2 回答請問這個用switch語句怎么寫呢？
4 回答用switch怎么編寫
8 回答用switch怎么解答這道題呢？
2 回答用switch語句怎么寫
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-05-27
不用循環你這么搞也是醉了，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 = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']];
var arr2 = [];?
for(var i=0;i<infos.length;i++){
? ? switch(infos[i][3]){
? ? ? ? case '大一':
? ? ? ? arr2.push(infos[i]);
? ? ? ? default:
? ? ? ? document.write('');
? ? }
}
?for(var j=0;j<arr2.length;j++){
? ? switch(array2[j][1]){
? ? ? ? case '女':
? ? ? ? document.write('第二次篩選'+arr2[j]+'<br>');
? ? ? ? default:
? ? ? ? document.write('');
? ? }
}?
</script>
</head>
<body>
</body>
</html>
2017-04-23
<!DOCTYPE?html> <html> ?<head> ?<meta?charset="utf-8"/> ??<title>?事件</title>?? ??<script?type="text/javascript"> ???function?count(){ ??? var?txt1=parseInt(document.getElementById("txt1").value);?? ????//獲取第一個輸入框的值 ????var?txt2=parseInt(document.getElementById("txt2").value);? //獲取第二個輸入框的值 var?select1=document.getElementById("select").value; ????switch(select1){ ????????case?"+": ????????var?sum?=?txt1+txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"-": ????????var?sum?=?txt1-txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"*": ????????var?sum?=?txt1*txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????????case?"/": ????????var?sum?=?txt1/txt2; ????????document.getElementById("fruit").value=sum; ????????break; ????} ???} ??</script>? ?</head>? ?<body> ???<input?type='text'?id='txt1'?/>? ???<select?id='select'> <option?value='+'>+</option> <option?value="-">-</option> <option?value="*">*</option> <option?value="/">/</option> ???</select> ???<input?type='text'?id='txt2'?/>? ???<input?type='button'?value='?=?'?onclick="count()"?/>?<!--通過?=?按鈕來調用創建的函數，得到結果-->? ???<input?type='text'?id='fruit'/>??? ?</body> </html>