javascript
JavaScript基础06-day08【if练习、条件分支语句switch、for循环】
學(xué)習(xí)地址：
JavaScript基礎(chǔ)、高級學(xué)習(xí)筆記匯總表【尚硅谷最新版JavaScript基礎(chǔ)全套教程完整版(140集實戰(zhàn)教學(xué),JS從入門到精通)】
目? ?錄
P31 31.尚硅谷_JS基礎(chǔ)_if練習(xí)一 12:24
if練習(xí)1
P32?32.尚硅谷_JS基礎(chǔ)_if練習(xí)二?19:36
if練習(xí)2
if練習(xí)3
if (num = 10) //?10轉(zhuǎn)換為Boolean值，為true
P33?33.尚硅谷_JS基礎(chǔ)_條件分支語句?18:50
P34?34.尚硅谷_JS基礎(chǔ)_switch練習(xí)?09:48
switch小練習(xí)
P35?35.尚硅谷_JS基礎(chǔ)_while循環(huán)?24:20
P36?36.尚硅谷_JS基礎(chǔ)_while的練習(xí)?12:40
while小練習(xí)
P37?37.尚硅谷_JS基礎(chǔ)_for循環(huán)?22:15
for循環(huán)練習(xí)1：打印1-100之間所有奇數(shù)之和
P38?38.尚硅谷_JS基礎(chǔ)_for循環(huán)?16:11
for循環(huán)練習(xí)2：打印1-100之間所有7的倍數(shù)的個數(shù)及總和
for循環(huán)練習(xí)3：水仙花數(shù)
P39?39.尚硅谷_JS基礎(chǔ)_質(zhì)數(shù)練習(xí)?12:53
for循環(huán)練習(xí)4：質(zhì)數(shù)
P40?40.尚硅谷_JS基礎(chǔ)_補充質(zhì)數(shù)練習(xí)?06:40
P31 31.尚硅谷_JS基礎(chǔ)_if練習(xí)一 12:24
if練習(xí)1
?
isNaN(score)：isNaN() 函數(shù)用于檢查其參數(shù)是否是非數(shù)字值。
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>if練習(xí)1</title><script type="text/javascript">/** 從鍵盤輸入小明的期末成績:* 當成績?yōu)?00時，'獎勵一輛BMW'* 當成績?yōu)閇80-99]時，'獎勵一臺iphone15s'* 當成績?yōu)閇60-80]時，'獎勵一本參考書'* 其他時，什么獎勵也沒有*//** prompt()可以彈出一個提示框，該提示框中會帶有一個文本框，* 用戶可以在文本框中輸入一段內(nèi)容，該函數(shù)需要一個字符串作為參數(shù)，* 該字符串將會作為提示框的提示文字* * 用戶輸入的內(nèi)容將會作為函數(shù)的返回值返回，可以定義一個變量來接收該內(nèi)容*///score就是小明的期末成績var score = prompt("請輸入小明的期末成績(0-100):");//判斷值是否合法if (score > 100 || score < 0 || isNaN(score)) {alert("拉出去斃了~~~");} else {//根據(jù)score的值來決定給小明什么獎勵if (score == 100) {//獎勵一臺寶馬alert("寶馬，拿去~~~");} else if (score >= 80) {//獎勵一個手機alert("手機，拿去玩~~~");} else if (score >= 60) {//獎勵一本參考書alert("參考書，拿去看~~~");} else {alert("棍子一根~~");}}</script></head><body></body> </html>P32?32.尚硅谷_JS基礎(chǔ)_if練習(xí)二?19:36
if練習(xí)2
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>if練習(xí)2</title><script type="text/javascript">/** 大家都知道，男大當婚，女大當嫁。那么女方家長要嫁女兒，當然要提出一定的條件： * 高：180cm以上; 富:1000萬以上; 帥:500以上;* 如果這三個條件同時滿足，則:'我一定要嫁給他'* 如果三個條件有為真的情況，則:'嫁吧，比上不足，比下有余。' * 如果三個條件都不滿足，則:'不嫁！' */var height = prompt("請輸入你的身高(CM):");var money = prompt("請輸入你的財富(萬):");var face = prompt("請輸入你的顏值(PX):");//如果這三個條件同時滿足，則:'我一定要嫁給他'if (height > 180 && money > 1000 && face > 500) {alert("我一定要嫁給他~~");} else if (height > 180 || money > 1000 || face > 500) {//如果三個條件有為真的情況，則:'嫁吧，比上不足，比下有余。' alert("嫁吧，比上不足，比下有余。");} else {//如果三個條件都不滿足，則:'不嫁！' alert("不嫁。");}</script></head><body></body> </html>if練習(xí)3
if練習(xí)1、if練習(xí)2，prompt獲取值后不加“+”：因為前面的跟數(shù)字比較，會自動轉(zhuǎn)換，if練習(xí)3是三個輸入的字符串比較。
prompt()函數(shù)的返回值是String類型的。
var num1 = +prompt("請輸入第一個數(shù):"); // 將返回值轉(zhuǎn)換為數(shù)字。
???
?
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>if練習(xí)3</title><script type="text/javascript">/** 編寫程序，由鍵盤輸入三個整數(shù)分別存入變量num1、num2、num3，* 對他們進行排序，并且從小到大輸出。*///獲取用戶輸入的三個數(shù)/** prompt()函數(shù)的返回值是String類型的。*/var num1 = +prompt("請輸入第一個數(shù):");var num2 = +prompt("請輸入第二個數(shù):");var num3 = +prompt("請輸入第三個數(shù):");//找到三個數(shù)中最小的數(shù)if (num1 < num2 && num1 < num3) { // num1最小，比較num2和num3if (num2 < num3) {//num1 num2 num3alert(num1 + "," + num2 + "," + num3);} else {//num1 num3 num2alert(num1 + "," + num3 + "," + num2);}} else if (num2 < num1 && num2 < num3) { // num2最小，比較num1和num3if (num1 < num3) {//num2 num1 num3alert(num2 + "," + num1 + "," + num3);} else {//num2 num3 num1alert(num2 + "," + num3 + "," + num1);}} else { // num3最小,比較num1和num2if (num1 < num2) {// num3 num1 num2alert(num3 + "," + num1 + "," + num2);} else {//num3 num2 num1alert(num3 + "," + num2 + "," + num1);}}</script></head><body></body> </html>if (num = 10) //?10轉(zhuǎn)換為Boolean值，為true
10轉(zhuǎn)換為Boolean值，為true。
P33?33.尚硅谷_JS基礎(chǔ)_條件分支語句?18:50
/*
?* 條件分支語句也叫switch語句
?* ?? ?語法：
?* ?? ??? ?switch(條件表達式) {
?* ?? ??? ??? ?case 表達式:
?* ?? ??? ??? ??? ?語句...
?* ?? ??? ??? ??? ?break;
?* ??? ??? ?case 表達式:
?* ?? ??? ??? ??? ?語句...
?* ?? ??? ??? ??? ?break;
?* ?? ??? ??? ?default:
?* ?? ??? ??? ??? ?語句...
?* ?? ??? ??? ??? ?break;
?* ?? ??? ?}
?*?
?* ?? ?執(zhí)行流程：
?* ?? ??? ?switch...case..語句
?* ?? ??? ?在執(zhí)行時會依次將case后的表達式的值和switch后的條件表達式的值進行全等比較，
?* ?? ??? ??? ?如果比較結(jié)果為true，則從當前case處開始執(zhí)行代碼。
?* ?? ??? ??? ??? ?當前case后的所有的代碼都會執(zhí)行，我們可以在case的后邊跟著一個break關(guān)鍵字，
?* ?? ??? ??? ??? ?這樣可以確保只會執(zhí)行當前case后的語句，而不會執(zhí)行其他的case
?* ?? ??? ??? ?如果比較結(jié)果為false，則繼續(xù)向下比較
?* ?? ??? ??? ?如果所有的比較結(jié)果都為false，則只執(zhí)行default后的語句
?*?
?* ?? ?switch語句和if語句的功能實際上有重復(fù)的，使用switch可以實現(xiàn)if的功能，
?* ?? ??? ?同樣使用if也可以實現(xiàn)switch的功能，所以我們使用時，可以根據(jù)自己的習(xí)慣選擇。
?*/
P34?34.尚硅谷_JS基礎(chǔ)_switch練習(xí)?09:48
switch小練習(xí)
score/10 = 9.9（score == 99），用parseInt()將浮點數(shù)轉(zhuǎn)為int型數(shù)據(jù)。
P35?35.尚硅谷_JS基礎(chǔ)_while循環(huán)?24:20
/*
?* 循環(huán)語句：
?* ?? ?通過循環(huán)語句可以反復(fù)的執(zhí)行一段代碼多次。
?*?
?* while循環(huán)
?* ?? ?- 語法：
?* ?? ??? ?while(條件表達式){
?* ?? ??? ??? ?語句...
?* ?? ??? ?}
?*?
?* ?? ?- while語句在執(zhí)行時，
?* ?? ??? ?先對條件表達式進行求值判斷，
?* ?? ??? ??? ?如果值為true，則執(zhí)行循環(huán)體，
?* ?? ??? ??? ??? ?循環(huán)體執(zhí)行完畢以后，繼續(xù)對表達式進行判斷
?* ?? ??? ??? ??? ?如果為true，則繼續(xù)執(zhí)行循環(huán)體，以此類推
?* ?? ??? ??? ?如果值為false，則終止循環(huán)
?*?
?* do...while循環(huán)
?* ?? ?- 語法：
?* ?? ??? ?do{
?* ?? ??? ??? ?語句...
?* ?? ??? ?}while(條件表達式)
?*?
?* ?? ?- 執(zhí)行流程：
?* ?? ??? ?do...while語句在執(zhí)行時，會先執(zhí)行循環(huán)體，
?* ?? ??? ??? ?循環(huán)體執(zhí)行完畢以后，再對while后的條件表達式進行判斷，
?* ?? ??? ??? ?如果結(jié)果為true，則繼續(xù)執(zhí)行循環(huán)體，執(zhí)行完畢繼續(xù)判斷以此類推
?* ?? ??? ??? ?如果結(jié)果為false，則終止循環(huán)
?*?
?* ?? ??? ?實際上這兩個語句功能類似，不同的是while是先判斷后執(zhí)行，
?* ?? ??? ??? ?而do...while會先執(zhí)行后判斷，
?* ?? ??? ?do...while可以保證循環(huán)體至少執(zhí)行一次，
?* ?? ??? ??? ?而while不能
?*/
? ?
P36?36.尚硅谷_JS基礎(chǔ)_while的練習(xí)?12:40
這是下午的課程！
while小練習(xí)
??
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>if練習(xí)1</title><script type="text/javascript">/** 從鍵盤輸入小明的期末成績:* 當成績?yōu)?00時，'獎勵一輛BMW'* 當成績?yōu)閇80-99]時，'獎勵一臺iphone15s'* 當成績?yōu)閇60-80]時，'獎勵一本參考書'* 其他時，什么獎勵也沒有*//** prompt()可以彈出一個提示框，該提示框中會帶有一個文本框，* 用戶可以在文本框中輸入一段內(nèi)容，該函數(shù)需要一個字符串作為參數(shù)，* 該字符串將會作為提示框的提示文字* * 用戶輸入的內(nèi)容將會作為函數(shù)的返回值返回，可以定義一個變量來接收該內(nèi)容*///將prompt放入到一個循環(huán)中while (true) {//score就是小明的期末成績var score = prompt("請輸入小明的期末成績(0-100):");//判斷用戶輸入的值是否合法if (score >= 0 && score <= 100) {//滿足該條件則證明用戶的輸入合法，退出循環(huán)break;}alert("請輸入有效的分數(shù)！！！");}//判斷值是否合法if (score > 100 || score < 0 || isNaN(score)) {alert("拉出去斃了~~~");} else {//根據(jù)score的值來決定給小明什么獎勵if (score == 100) {//獎勵一臺寶馬alert("寶馬，拿去~~~");} else if (score >= 80) {//獎勵一個手機alert("手機，拿去玩~~~");} else if (score >= 60) {//獎勵一本參考書alert("參考書，拿去看~~~");} else {alert("棍子一根~~");}}</script></head><body></body> </html>P37?37.尚硅谷_JS基礎(chǔ)_for循環(huán)?22:15
/*
?* for語句，也是一個循環(huán)語句，也稱為for循環(huán)
?* ?? ?在for循環(huán)中，為我們提供了專門的位置用來放三個表達式：
?* ?? ??? ?1.初始化表達式
?* ?? ??? ?2.條件表達式
?* ?? ??? ?3.更新表達式
?*?
?* ?for循環(huán)的語法：
?* ?? ??? ?for(①初始化表達式;②條件表達式;④更新表達式){
?* ?? ??? ??? ?③語句...
?* ?? ??? ?}
?*?
?* ?? ??? ?for循環(huán)的執(zhí)行流程：
?* ?? ??? ??? ?①執(zhí)行初始化表達式，初始化變量（初始化表達式只會執(zhí)行一次）
?* ?? ??? ??? ?②執(zhí)行條件表達式，判斷是否執(zhí)行循環(huán)。
?* ?? ??? ??? ??? ?如果為true，則執(zhí)行循環(huán)③
?* ?? ??? ??? ??? ?如果為false，終止循環(huán)
?* ?? ??? ??? ?④執(zhí)行更新表達式，更新表達式執(zhí)行完畢繼續(xù)重復(fù)②
?*/
//創(chuàng)建一個執(zhí)行10次的while循環(huán)
//初始化表達式
var i = 0;
//創(chuàng)建一個循環(huán)，定義條件表達式
while (i < 10) {
?? ?//設(shè)置更新表達式
?? ?console.log()
}
for (var i = 0; i < 10; i++) {
?? ?document.write(i + "、");
}?
/*
?* for循環(huán)中的三個部分都可以省略，也可以寫在外部
?* ?? ?如果在for循環(huán)中不寫任何的表達式，只寫兩個;
?* ?? ?此時循環(huán)是一個死循環(huán)會一直執(zhí)行下去，慎用
?* ?? ?for(;;){
?? ??? ?alert("hello");
?? ?}
?*/
for循環(huán)練習(xí)1：打印1-100之間所有奇數(shù)之和
P38?38.尚硅谷_JS基礎(chǔ)_for循環(huán)?16:11
for循環(huán)練習(xí)2：打印1-100之間所有7的倍數(shù)的個數(shù)及總和
我們遇到什么問題都不要怕，微笑著面對它，消除恐懼的最好辦法就是面對恐懼，加油，奧利給～
for循環(huán)練習(xí)3：水仙花數(shù)
P39?39.尚硅谷_JS基礎(chǔ)_質(zhì)數(shù)練習(xí)?12:53
for循環(huán)練習(xí)4：質(zhì)數(shù)
?
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 在頁面中接收一個用戶輸入的數(shù)字，并判斷該數(shù)是否是質(zhì)數(shù)。質(zhì)數(shù)：只能被1和它自身整除的數(shù)，1不是質(zhì)數(shù)也不是合數(shù)，質(zhì)數(shù)必須是大于1的自然數(shù)。 */var num = prompt("請輸入一個大于1的整數(shù):");//判斷這個值是否合法if (num <= 1) {alert("該值不合法！");} else {//創(chuàng)建一個變量來保存當前的數(shù)的狀態(tài)//默認當前num是質(zhì)數(shù)var flag = true;//判斷num是否是質(zhì)數(shù)//獲取2-num之間的數(shù)for (var i = 2; i < num; i++) {//console.log(i);//判斷num是否能被i整除if (num % i == 0) {//如果num能被i整除，則說明num一定不是質(zhì)數(shù)//設(shè)置flag為falseflag = false;}}//如果num是質(zhì)數(shù)則輸出if (flag) {alert(num + "是質(zhì)數(shù)！！！");} else {alert("這個不是質(zhì)數(shù)！！！")}}</script></head><body></body> </html>P40?40.尚硅谷_JS基礎(chǔ)_補充質(zhì)數(shù)練習(xí)?06:40
質(zhì)數(shù)是指在大于1的自然數(shù)中，除了1和它本身以外不再有其他因數(shù)的自然數(shù)。
總結(jié)
以上是生活随笔為你收集整理的JavaScript基础06-day08【if练习、条件分支语句switch、for循环】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript基础05-day07
- 下一篇： JavaScript基础07-day09