重庆巨能建设集团网站,交互效果很好的网站,购物网站前台功能模块分析,南宁做网站JavaScript编程基础 – For循环
JavaScript Programming Essentials – For Loop
By JacksonML
循环可以多次执行代码块#xff0c;而不用反复重写相同的语句。这无疑对提升代码质量、减少错误大有脾益。本文将简要介绍for循环的几种案例#xff0c;希望对读者有所帮助。 …JavaScript编程基础 – For循环
JavaScript Programming Essentials – For Loop
By JacksonML
循环可以多次执行代码块而不用反复重写相同的语句。这无疑对提升代码质量、减少错误大有脾益。本文将简要介绍for循环的几种案例希望对读者有所帮助。
1. 顺序遍历
按照一定顺序遍历数值如果需要输出一下代码结果
Number 1
Number 2
Number 3
Number 4
Number 5 那么可能需要重复5次使用console.log()函数。
console.log(“Number 1”);
console.log(“Number 2”);
console.log(“Number 3”);
console.log(“Number 4”);
console.log(“Number 5”);现在我们使用for循环仅仅三行代码以简化该程序
for (let i 1; i 5; i) {console.log(Number i );
}执行结果如下图所示 换个例子以序数词数组丰富一下输出看以下代码
arr1 [first,second,third,fourth,fifth];for (let i 1; i arr1.length; i){console.log(The arr1[i-1] number is i);
}执行结果如下图所示 2. 嵌套循环
当采用内外循环时可能涉及到两个或多个变量变化带来的遍历例如乘法表。
被乘数和乘数分别以变量i和变量j来标注依次变化形成乘法表等式。代码如下
for (let i 1; i 5; i) {for (let j 1; j i; j){console.log(i * j i * j);}
}执行结果如下图所示
3. 添加条件的循环
如果想从普通的整数序列过滤出符合条件的数例如遍历偶数如下面代码
for (i 0; i 6; i){if (i % 2 0) {console.log(The even number:, i);}
}执行结果如下图所示 同样如果需要遍历能被7整除的数可以写代码如下
for (i 1; i 30; i) {if (i % 7 0) {console.log(i);}
}执行结果如下图所示
4. 变量作用域
用来遍历数据的变量如果在循环体声明则服务于循环体如果不是则可能服务于更广的范围。假如需要遍历1至10的奇数如下所示
var i 5;
for (var i 0; i 10; i){if (i % 2 ! 0) {console.log(The odd number is:, i)}
}执行结果如下图所示 我们看到尽管i变量被声明且初始化为5但是循环体内声明的i不受任何影响仍然按照它自己的状态进行声明和初始化输出结果也基于这个局部变量i。
但是如果在循环体内部不再声明和初始化而是利用全局变量i又有什么变化呢看以下代码
var i 5;
for (; i 10; i){if (i % 2 ! 0) {console.log(The odd number is:, i)}
}执行结果如下图所示 本文简要介绍了for循环遍历数值的几种情况。
工作中如果需要重复输出类似的结果for循环将帮助您事半功倍。
技术好文陆续推出敬请关注。
喜欢就点赞哈您的认可我的动力。
相关阅读
JavaScript编程基础 - 闭包(Closure)JavaScript编程基础 - Return语句JavaScript编程基础 - 布尔值Booleans)JavaScript编程基础 - 对象(Objects)JavaScript编程基础 - 函数进阶JavaScript编程基础 - 条件语句JavaScript编程基础 - 函数入门JavaScript编程基础 - 关键字LetConst和Var的区别JavaScript编程基础 - 变量JavaScript编程基础 - 输出用Visual Studio Code搭建JavaScript开发环境安装最新版WebStorm来开发JavaScript应用程序
