对于JavaScript三种循环语句的理解。

GT 发布于2019-08-22 16:40 / 2306人阅读

摘要：循环语句最近在整理关于一些小知识，都是基础易学的，虽然没什么可复习的，但是也想多记录一下加深理解。循环循环在指定条件为时执行语句。

循环语句

最近在整理关于JavaScript一些小知识，都是基础易学的，虽然没什么可复习的，但是也想多记录一下加深理解。
循环语句是JavaScript中最常见的条件语句了，通常我们能够使用到的为for循环，while循环和do...while循环，以下做简单的理解

for循环

for循环用来重复执行一段代码很方便。以下是for循环的常规语法：

for(语句1；语句2；语句3){
执行体
}
语句 1 在循环（代码块）开始前执行，表示初始化变量；
语句 2 定义运行循环（代码块）的条件，判断条件是否为true；
语句 3 在循环（代码块）已被执行之后执行，代码执行后的变量操作

简单代码如下所示:

for(var i = 0;i < 5;i ++){
    alert(10);
}
console.log(i); // 5

以上会弹出5次窗体。
值得注意的是ES5中没有块级作用域，只有全局作用域以及函数作用域。
当for循环被函数包含的时候，var i会被提出去变为一个函数作用域的变量，而不是仅在代码块中有效；
当for循环是在执行环境中的for循环，则会被添加到当前执行环境，在外部也会访问的到。
ES6中，使用let可以很好的解决，现在可能会在某些老旧的浏览器中产生兼容问题。

var i;
for(i = 0; i < 5;i ++){
    alert("for循环");
}
console.log(i); // 5

while循环

在指定条件为true时执行语句。以下是while循环的常规语法:

while (条件)
{
需要执行的代码
}

简单代码如下所示:

var i = 0;
while(i < 5){
    alert("while循环");
    i ++;
}

注意：如果在循环体内不进行变量的操作，此循环将变为死循环

do...while循环

至少会执行一次的循环，而后再判断条件，为true时进入循环再次执行。以下是do...while循环的常规语法：

do
  {
  需要执行的代码
  }
while (条件);

简单代码如下所示：

var i = 5;
do{
    alert("do...while循环");
    i ++;
}while(i < 5)

other

其实还有一种for...in循环，语句循环遍历对象的属性，这种循环是无序遍历的一种。

结语

在实际项目中可以按需各取，如有错误方请指正，谢谢。

超融合服务器私有云 js循环理解跳出循环语句优化循环语句 until循环语句

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94548.html

javascript中为什么我们不能直接使用export?

摘要：我们可以认为，宏任务中还有微任务这里不再多做解释可能会执行的代码包括脚本模块和函数体。声明声明永远作用于脚本模块和函数体这个级别，在预处理阶段，不关心赋值的部分，只管在当前作用域声明这个变量。相信很多人最开始时都有过这样的疑问假如我的项目目录下有一个 index.html, index.js 于是我像这样写在浏览器之间打开index.html，发现showImg(https://...

URLOS 2019-08-26 14:04 评论0 收藏0
高程3总结#第24章最佳实践

摘要：也就是说避免属性查找或其他的操作。简化循环体循环体是执行最多的，所以要确保其被最大限度地优化。代码组织组织代码要考虑到可维护性并不一定是传送给浏览器的最好方式。最佳实践可维护性什么是可维护性的代码如果说代码是可维护的，它需要遵循以下特点可理解性——其他人可以接手代码并理解它的意图和一般途径，而无需原开发人员的完整解释。直观性——代码中的东西一看就能明白，不管其操作过程多...

zhiwei 2019-08-23 12:16 评论0 收藏0
javascript性能优化方面的知识总结

摘要：插入迭代器如前面两条语句可以写成使用直接量替换为替换为替换为如果要创建具有一些特性的一般对象，也可以使用字面量，如下前面的代码可用对象字面量来改写成这样使用优化多次一旦需要更新请考虑使用文档碎片来构建结构，然后再将其添加到现存的文档中。好赞，收藏自总结的js性能优化方面的小知识（不喜勿喷）前言一直在学习javascript，也有看过《犀利开发Jquery内核详解与实践》，对...

BlackHole1 2019-08-22 10:56 评论0 收藏0
JavaScript中数组排序深度讲解

摘要：结果为依次为循环语句结果依次为，，代码解读语句看着有点像语句，但是和语句不同的是它不可以循环对象，只能循环数组。 ES5和ES6数组遍历方法详解在ES5中常用的10种数组遍历方法: 1、原始的for循环语句2、Array.prototype.forEach数组对象内置方法3、Array.prototype.map数组对象内置方法4、Array.prototype.filter数组对象...

xbynet 2019-08-20 18:00 评论0 收藏0
<<编写可维护的javascript>> 笔记3(语句和表达式)

摘要：所有的块语句都应当使用花括号包括花括号的对齐方式第一种风格第二种风格块语句间隔第一种在语句名圆括号和左花括号之间没有空格间隔第二种在左圆括号之前和右圆括号之后各添加一个空格第三种在左圆括号后和右圆括号前各添加一个空格我个人喜欢在右括号之后添所有的块语句都应当使用花括号, 包括: if for while do...while... try...catch...finally 3....

OBKoro1 2019-08-21 12:02 评论0 收藏0