本文共 1493 字，大约阅读时间需要 4 分钟。

JavaScript for 循环详解：语法与实战应用

for 循环的作用

在编写 JavaScript 代码时，for循环是最常用的循环工具。它能够帮助开发者重复执行特定的代码块，极大提升工作效率。例如，想要输出1到1000之间的所有数字，手动编写将需要1000行代码，而通过for循环，只需几行代码即可轻松实现。

for 循环语法

for循环的语法结构如下：

for(变量初始化; 条件表达式; 变量更新) {    // 代码块}

关键部分说明

for 循环的示例

计算1到100的总和

以下代码能够计算1到100的总和：

var result = 0;for(var i = 1; i <= 100; i++) {    result += i;}alert(result);

数组遍历

使用for循环遍历数组：

var lst = ["a", "b", "c", "d", "e"];for(var i = 0; i < lst.length; i++) {    console.log(lst[i]);}

for...in 循环

遍历数组或对象

for...in循环用于遍历数组或对象属性。例如，遍历数组：

var lst = ["a", "b", "c", "d", "e"];for(var l in lst) {    console.log(lst[l]);}

输出结果为：abcde

遍历对象

遍历一个包含个人信息的对象：

var object = {    姓名:'侠侠',    年龄:'22',    性别:'男',    出生日期:'1997-08-05',    职业:'程序员',    特长:'跳舞'};for(var i in object) {    console.log(i + ":" + object[i]);}

输出结果为：

姓名: 侠侠

动手小练习

定义一个长度为7的数组，遍历并输出所有元素：

var arr = [1, 2, 3, 4, 5, 6, 7];for(var i in arr) {    console.log(arr[i]);}

2. 求和：1~100的奇数和

var sum = 0;for(var i = 1; i <= 100; i++) {    if(i % 2 != 0) {        sum += i;    }}console.log(sum);

3. 求和：1~100的偶数和

var sum = 0;for(var i = 1; i <= 100; i++) {    if(i % 2 == 0) {        sum += i;    }}console.log(sum);

4. 遍历对象属性

定义一个包含个人信息的对象，并通过for...in循环输出所有属性：

var person = {    姓名: '张三',    年龄: 22,    性格: '开朗',    学习: '编程'};for(var key in person) {    console.log(key + ": " + person[key]);}

输出结果为：

姓名: 张三

年龄: 22
性格: 开朗
学习: 编程

转载地址：http://ndcv.baihongyu.com/