溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了JavaScript如何使用For實現循環語句，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
JavaScript 循環
循環可以將代碼塊執行指定的次數。JavaScript 支持不同類型的循環：
for - 循環代碼塊一定的次數
for/in - 循環遍歷對象的屬性
while - 當指定的條件為 true 時循環指定的代碼塊
do/while - 同樣當指定的條件為 true 時循環指定的代碼塊
如果一遍又一遍地運行相同的代碼，并且每次的值都不同，那么使用循環是很方便的。
// 我們可以這樣輸出數組的值：
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
// 不過通常我們這樣寫：
for (var i=0;i<cars.length;i++) {
document.write(cars[i] + "<br>");
}實例
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++) {
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>
For 循環
for 循環是您在希望創建循環時常會用到的工具。語法如下：
for (語句 1; 語句 2; 語句 3) {
// 被執行的代碼塊
}語句 1 在循環（代碼塊）開始前執行
語句 2 定義運行循環（代碼塊）的條件
語句 3 在循環（代碼塊）已被執行之后執行
實例
<!DOCTYPE html>
<html>
<body>
<p>點擊下面的按鈕，將代碼塊循環五次：</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction() {
var x="";
for (var i=0;i<5;i++) {
x=x + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>注釋：從上面的例子中，您可以看到：
Statement 1 在循環開始之前設置變量 (var i=0)。
Statement 2 定義循環運行的條件（i 必須小于 5）。
Statement 3 在每次代碼塊已被執行后增加一個值 (i++)。
語句 1
通常我們會使用語句 1 初始化循環中所用的變量 (var i=0)。
語句 1 是可選的，也就是說不使用語句 1 也可以。
您可以在語句 1 中初始化任意（或者多個）值：
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0,l=cars.length; i<l; i++) {
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>同時您還可以省略語句 1（比如在循環開始前已經設置了值時）：
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=2,len=cars.length;
for (; i<len; i++) {
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>
語句 2
通常語句 2 用于評估初始變量的條件。
語句 2 同樣是可選的。
如果語句 2 返回 true，則循環再次開始，如果返回 false，則循環將結束。
如果您省略了語句 2，那么必須在循環內提供 break。否則循環就無法停下來。
語句 3
通常語句 3 會增加初始變量的值。
語句 3 也是可選的。
語句 3 有多種用法。增量可以是負數 (i--)，或者更大 (i=i+15)。
語句 3 也可以省略（比如當循環內部有相應的代碼時）：
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0,len=cars.length;
for (; i<len; ) {
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>
For/In 循環
JavaScript for/in 語句循環遍歷對象的屬性：
<!DOCTYPE html>
<html>
<body>
<p>點擊下面的按鈕，循環遍歷對象 "person" 的屬性。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction() {
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person) {
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>注釋：本例中點擊按鈕時返回的結果為 "BillGates56"。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“JavaScript如何使用For實現循環語句”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
