1. 程式人生 > 其它 >人機互動—9月28日

人機互動—9月28日

技術標籤:複習javascripthtml5

9月28日


前言

這是根據對於學校學習知識的一次複習,可能有許許多多的問題,同時也不會做過多的註釋,請各位大佬看看就好(順便提提意見),有想一起交流經驗的可以私聊(隨緣更新)

什麼是陣列

在這裡插入圖片描述

04陣列基本用法2

使用陣列的步驟

在這裡插入圖片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
<script type="text/javascript"> var scores=new Array(); scores[2]=89; scores[4]=92; scores[5]=78; scores[7]=92; console.log(scores); for(var i=0;i<scores.length;i++){ console.log(scores[i]); // alert(scores[i]); } var nums1=new Array(); for
(var i=1;i<=100;i++){ if(i%3==0){ nums1[i]=i; } } console.log(nums1); var nums2=new Array(); var index=0; for(var i=1;i<=100;i++){ if(i%3==0){ nums2[index]=i; index++; } } console.log(nums2); var nums3=new Array(); for(var i=1;i<=100;
i++){ if(i%3==0){ nums3[nums3.length]=i; } } console.log(nums3); </script> </head> <body> </body> </html>

05.建立陣列的兩種方式

在這裡插入圖片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var nums=new Array();
			var nums=new Array(3);
			console.log(nums.length);
			nums[3]=13;
			nums[4]=25;			
			console.log(nums);
			console.log(nums.length);
			
			var names=new Array("tom","jack","alice");
			console.log(names);
			
			var hobbies=[];
			hobbies[0]="吃飯";
			hobbies[1]="打豆豆";
			hobbies[2]="打豆豆";			
			var hobbies=["吃飯","睡覺","打豆豆"];
			console.log(hobbies);
			
			var i=0;
			while(i<hobbies.length){
				console.log(hobbies[i]);
				i++;
			}
			
			for(var i in hobbies){
				console.log(i+"="+hobbies[i]);
			}
		</script>
	</head>
	<body>
	</body>
</html>


陣列練習

在這裡插入圖片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var lens=[8,4,2,1,23,344,12];
			document.write("陣列值為:");
			for(var i in lens){
				document.write(lens[i]+"\t");
			}
			document.write("<br />");
			
			var sum=0;
			for(var i in lens){
				sum+=lens[i];
			}
			document.write("數值和為:"+sum+"<br />");
			
			var max=0,min=0;
			var temp;
			for(var i =1;i<lens.length;i++){
				if(lens[i]>lens[max]){
					max=i;
				}
				if(lens[i]<lens[min]){
					min=i;
				}
			}
			temp=lens[0];
			lens[0]=lens[max];
			lens[max]=temp;
			
			temp=lens[lens.length-1];
			lens[lens.length-1]=lens[min];
			lens[min]=temp;
			document.write("排序後為:");
			for(var i in lens){
				document.write((lens[i]+"\t"));
			}
			
		</script>
	</head>
	<body>
	</body>
</html>

作業題目

在這裡插入圖片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var ans=parseInt(Math.random()*99+1);
			for(var i=1;i<=5;i++){
				var count=prompt("請輸入第"+i+"次猜測的數字");
				if(count>ans){
					alert("猜測數值過大!");
				}else if(count<ans){
					alert("猜測數值過小!");
				}else{
					alert("恭喜你猜中了!中獎數字為"+ans+",總所用次數為"+i+"次");
					break;
				}
			}
			if(i==6){
				alert("很遺憾沒猜中,本次中獎數字為"+ans);
			}
			
			var scores=[0,1,2,3,4,5,6,7];
			document.write(scores[0]);
			for(var i=1;i<scores.length;i++){
				document.write("-"+scores[i]);
			}
			document.write("<br />");
			
			var scores2=[];
			for(var i in scores){
				if(scores[i]!=0){
					scores2[scores2.length]=scores[i];
				}
			}
			document.write("非零元素組成的陣列為:");
			for(var i in scores2){
				document.write(scores2[i]+"\t");
			}
			document.write("<br />");
			
			var scores3=[];
			for(var i=scores.length-1;i>=0;i--){
				scores3[scores3.length]=scores[i];
			}
			document.write(scores3);
			document.write("<br />");
			
			var fir=0,sec=0,thr=0;
			var num=Number(prompt("請輸入班級人數"));
			for(var i=1;i<=num;i++){
				var count=Number(prompt("請輸入每位學員成績"));
				if(count>fir){
					thr=sec;
					sec=fir;
					fir=count;
				}else if(count>sec){
					thr=sec;
					sec=count;
				}else if(count>thr){
					thr=count;
				}
			}
			document.write("第一名成績為:"+fir+",第二名成績為:"+sec+",第三名成績為:"+thr);
		</script>
	</head>
	<body>
	</body>
</html>