JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

for

JavaScript for循环

详细说明

JavaScript for 循环会在指定条件为真时重复执行代码块。

for循环创建了一个循环结构，允许我们在单行内指定三个不同的表达式，这些表达式被包裹在圆括号中并以分号分隔，后接一组在循环中执行的语句组。第一个表达式为循环初始化表达式，第二个为条件判断表达式，第三个为循环后操作表达式，圆括号后的代码块则作为循环体的执行语句。

JavaScript 的 for 循环与 Java 及 C 的 for 循环类似。

语法示例

for ([initial-expression]; [condition]; [increment-expression])
{
statements
}

执行一下

代码说明

initial-expression：语句或变量声明。通常用于初始化计数器变量。该表达式可选择性地使用 var 关键字声明新变量。这些变量属于函数的局部变量，而非循环的局部变量。

condition（条件）：在每次循环迭代时被评估。若该条件评估为 true，则执行代码块内的语句。此条件测试为可选项。若被省略，则条件始终评估为 true。

increment-expression：通常用于更新或递增计数器变量。

statements（语句块）：只要条件求值为 true 就会执行的一组语句。该部分可以是单个语句，也可以是多条语句。尽管缩进并非强制要求，但建议从 for 语句的开头对这些语句进行缩进，这是一种良好的编程实践。

图示演示：

示例:

在以下网页文档的for语句中：首先声明变量r并将其初始化为1，检查r是否小于11，将r的值加到变量z中，之后r增加1。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript for statement :  Example-1</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<h1>JavaScript : for statement</h1>
<p id="result">Output will be displayed here.</p>
<script src="for-statement-example1.js"></script>
</body>
</html>

执行一下

JS代码

var r = 0;
var z = 0;
for (r = 1; r<11; r++) {
z = z + r;
var newParagraph = document.createElement("p");
var newText = document.createTextNode(r+' ---> '+z);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
}

执行一下

在浏览器中查看示例

上一篇：JavaScript while 循环
下一篇：JavaScript：标签语句

作者文档