javascript
八、深入JavaScript的条件语句和循环语句（四）
@Author：Runsen
@Date：2020/5/26
作者介紹：Runsen目前大三下學(xué)期，專業(yè)化學(xué)工程與工藝，大學(xué)沉迷日語，Python， Java和一系列數(shù)據(jù)分析軟件。導(dǎo)致翹課嚴(yán)重，專業(yè)排名中下。.在大學(xué)60%的時(shí)間，都在CSDN。決定今天比昨天要更加努力。
JavaScript也是一種編程語言，當(dāng)然也要對應(yīng)的條件語句和循環(huán)結(jié)構(gòu)，在本篇文章中，就深入JavaScript的條件語句和循環(huán)結(jié)構(gòu).。
文章目錄
- 條件語句
- if語句
- switch語句
- 三元運(yùn)算符
- 循環(huán)語句
- for循環(huán)
- while循環(huán)
- for in 循環(huán)
- for of
- 練習(xí)
條件語句
條件語句是一種特殊的語句，它是根據(jù)不同的條件執(zhí)行不同的動(dòng)作。
它總共有三種寫法：
if語句、switch語句、三元運(yùn)算符
if語句
if (條件) {條件為 true 時(shí)執(zhí)行的代碼 }寫個(gè)小例子：
var a = 'Runsen'; if (a.length > 0) {alert(a); }switch語句
switch(表達(dá)式) {case m:代碼塊break;case n:代碼塊break;default:默認(rèn)代碼塊 }比如下面的例子
<div id="test"></div> <script> var time = 1,day; switch (time) {case 1:day = "星期一";break;case 2:day = "星期二";break;case 3:day = "星期三";break;case 4:day = "星期四";break;case 5:day = "星期五";break;case 6:day = "星期六";break;case 7:day = "星期日"; } document.getElementById("test").innerHTML = "今天是" + day; </script>三元運(yùn)算符
三元運(yùn)算符一般用于比較簡單的條件賦值，它等同于if else，寫法如下：
變量名 = (condition) ? value1:value2; var a = 'Runsen',b; b = a.length > 0 ? a : '空字符串'; alert(b);意思就是如果 a.length > 0，將1<2的結(jié)果賦值給b，也就是b=Runsen
循環(huán)語句
循環(huán)的話有多種。
for循環(huán)
比如最簡單的就是1到100的累加
var sum = 0; for (var i = 1; i <= 100; i++) {sum += i; }while循環(huán)
語法
while(條件表達(dá)式){語句... }比如，下面通過prompt在彈出框輸入的，然后判斷是不是等于100
while(prompt("請輸入數(shù)字100") != 100){console.log("輸入錯(cuò)誤"); }; console.log("輸入100");for in 循環(huán)
和for循環(huán)類似，for-in循環(huán)主要用于遍歷對象。語法：
for(var keys in Object){執(zhí)行語句 }比如下面的demo例子
for(var keys in [1,2,3,4]){console.log(keys); // 0,1,2,3console.log([1,2,3,4][keys]);//1,2,3,4 };for of
for-of循環(huán)是es6新增的循環(huán)方式，可以遍歷數(shù)組，還可以遍歷類數(shù)組對象和其他可迭代對象。
for(var s of str){執(zhí)行語句 }比如下面的demo例子
for(var keys of [1,2,3,4]){console.log(keys); // //1,2,3,4 };練習(xí)
打印九九乘法表
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">body {width: 2000px;}span {display: inline-block;width: 80px;}</style><script type="text/javascript">/** 1.打印99乘法表* 1*1=1* 1*2=2 2*2=4* 1*3=3 2*3=6 3*3=9* 1*4=4 2*4=8 3*4=12 4*4=16* ....9*9=81*///創(chuàng)建外層循環(huán)，用來控制乘法表的高度for (var i = 1; i <= 9; i++) {//創(chuàng)建一個(gè)內(nèi)層循環(huán)來控制圖形的寬度for (var j = 1; j <= i; j++) {document.write("<span>" + j + "*" + i + "=" + i * j + "</span>");}//輸出一個(gè)換行document.write("<br/>");}</script> </head><body> </body></html>總結(jié)
以上是生活随笔為你收集整理的八、深入JavaScript的条件语句和循环语句（四）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 问一下，全屋定制家具哪家好？
- 下一篇： gradle idea java ssm