當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

关于JS的循环和函数，由入门到放弃

發布時間：2025/4/14 javascript 46 豆豆

生活随笔收集整理的這篇文章主要介紹了关于JS的循环和函数，由入门到放弃小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.條件語句if

if 語句

if 語句是 ECMAScript 中最常用的語句之一，事實上在許多計算機語言中都是如此。

if 語句的語法：

if (condition) statement1 else statement2

其中 condition 可以是任何表達式，計算的結果甚至不必是真正的 boolean 值，ECMAScript 會把它轉換成 boolean 值。

如果條件計算結果為 true，則執行 statement1；如果條件計算結果為 false，則執行 statement2。

每個語句都可以是單行代碼，也可以是代碼塊。

還可以串聯多個 if 語句。就像這樣：

if (condition1) statement1 else if (condition2) statement2 else statement3

if (i > 30) {alert("大于 30"); } else if (i < 0) {alert("小于 0"); } else {alert("在 0 到 30 之間"); }

　　2.js while循環

利用 while 循環在指定條件為 true 時來循環執行代碼。

語法：

while (變量<=結束值) {需執行的代碼 }

注意：除了<=，還可以使用其他的比較運算符。

do while 循環

do...while 循環是 while 循環的變種。該循環程序在初次運行時會首先執行一遍其中的代碼，然后當指定的條件為 true 時，它會繼續這個循環。所以可以這么說，do...while 循環為執行至少一遍其中的代碼，即使條件為 false，因為其中的代碼執行后才會進行條件驗證。

語法：

do {需執行的代碼 } while (變量<=結束值)

?舉個例子：

<html> <body> <script type="text/javascript"> var i=0 do { document.write("The number is " + i) document.write("<br />") i=i+1 } while (i<0) </script> </body> </html>

　　結果為：

The number is 0

3.switch語句

switch 語句是 if 語句的兄弟語句。

開發者可以用 switch 語句為表達式提供一系列的情況（case）。

語法：

switch (expression)case value: statement;break;case value: statement;break;case value: statement;break;case value: statement;break; ...case value: statement;break;default: statement;

每個情況（case）都是表示“如果 expression 等于 value，就執行 statement”。

關鍵字 break 會使代碼跳出 switch 語句。如果沒有關鍵字 break，代碼執行就會繼續進入下一個 case。

關鍵字 default 說明了表達式的結果不等于任何一種情況時的操作（事實上，它相對于 else 從句）。

switch 語句主要是為避免讓開發者編寫下面的代碼：

if (i == 20)alert("20"); else if (i == 30)alert("30"); else if (i == 40)alert("40"); elsealert("other");

　　等價的 switch 語句是這樣的:

switch (i) {case 20: alert("20");break;case 30: alert("30");break;case 40: alert("40");break;default: alert("other"); }

4.函數

什么是函數？

函數是一組可以隨時隨地運行的語句。

函數是 ECMAScript 的核心。

函數是由這樣的方式進行聲明的：關鍵字 function、函數名、一組參數，以及置于括號中的待執行代碼。

函數的基本語法是這樣的：

function functionName(arg0, arg1, ... argN) {statements }

function sayHi(sName, sMessage) {alert("Hello " + sName + sMessage); }

如何調用函數？

函數可以通過其名字加上括號中的參數進行調用，如果有多個參數。

如果您想調用上例中的那個函數，可以使用如下的代碼：

sayHi("David", " Nice to meet you!")

　　調用上面的函數 sayHi() 會生成一個警告窗口。

函數如何返回值？

函數 sayHi() 未返回值，不過不必專門聲明它（像在 Java 中使用 void 那樣）。

即使函數確實有值，也不必明確地聲明它。該函數只需要使用 return 運算符后跟要返回的值即可。

function sum(iNum1, iNum2) {return iNum1 + iNum2; }

　下面的代碼把sum函數返回的值賦予一個變量：

var iResult = sum(1,1); alert(iResult); //輸出 "2"

一個函數中可以有多個 return 語句，如下所示：

function diff(iNum1, iNum2) {if (iNum1 > iNum2) {return iNum1 - iNum2;} else {return iNum2 - iNum1;} }

上面的函數用于返回兩個數的差。要實現這一點，必須用較大的數減去較小的數，因此用 if 語句決定執行哪個 return 語句。

如果函數無返回值，那么可以調用沒有參數的 return 運算符，隨時退出函數。

例如：

function sayHi(sMessage) {if (sMessage == "bye") {return;}alert(sMessage); }

這段代碼中，如果 sMessage 等于 "bye"，就永遠不顯示警告框。

5.下面分享三個循環和函數的小程序

用js輸出9*9表格

script type="text/javascript">out = "<table border=1>"for(i = 1; i <= 9; i++) {out += "<tr height=50>"for(j = 1; j <= 9; j++) {out += "<td width=50>" + i * j + "</td>"}out += "</tr>"}document.writeln(out += "</table>")</script>

　　輸出99乘法表

　　函數和循環結合輸出國際象棋棋盤：

轉載于:https://www.cnblogs.com/Johnon/p/5844886.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的关于JS的循环和函数，由入门到放弃的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Python内存数据库/引擎
下一篇： Jquery JS 正确比较两个数字大小