【重温基础】3.循环和迭代

miracledan 发布于2019-08-23 14:00 / 2522人阅读

摘要：本文是重温基础系列文章的第三篇，今天想起鬼脚七的一句话人不一定自由，但思想一定是自由的。系列目录复习资料资料整理个人整理重温基础语法和数据类型重温基础流程控制和错误处理本章节复习的是中的循环语句，让我们能更快速且简单的完成一些需求。

本文是 重温基础 系列文章的第三篇，今天想起鬼脚七的一句话：人不一定自由，但思想一定是自由的。思想没有对和错，也没有高和低，只有不同。了解一个人可以去了解他的思想。
。

系列目录：

【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理)

【重温基础】1.语法和数据类型

【重温基础】2.流程控制和错误处理

本章节复习的是JS中的循环语句，让我们能更快速且简单的完成一些需求。

首先我们要知道：循环实际上就是把一个事情重复n次执行，也有可能是0次，JS中有以下几种循环语句类型：

for语句

do...while语句

while语句

labeled语句

break语句

continue语句

for...in语句

for...of语句

1.for语句

重复执行for的条件语句，直到循环条件为false退出循环：

var a = 1;
for ( a < 3){
    a ++;
}

这个语句大概执行了以下操作：

1.定义并初始化一个变量a的值为1；

2.执行循环语句，条件为当a < 3的时候，a每次递增1；

3.返回第2步继续循环；

4.当a在等于4的时候，不满足循环条件a < 3，然后退出循环；

其他例子：

// 求数组中所有值的和
var a = [ 1, 3, 4, 6];
var sum = 0;
for (var i = 0; i < a.length; i++){
    sum += a[i];
}
sum; // 14

2.do...while语句

重复执行do的条件，直到不符合while的条件，退出循环：

do {
  a += 1;
  console.log(a);
} while (a < 5);

3.while语句

重复执行while的条件，直到while的条件为false，退出循环：

var a = 0;
var b = 0;
while (a < 5){
    a ++;
    b += a;
}
// a => 5; b => 15

4.labeled语句

用来标识一个程序位置的标识符，如标识一个循环，并在break或continue中指出中国标识符，来停止这个循环。

var a = [1, 2, 3, 4, 5];
labelName:
for(var i = 0 ;i< a.length; i++){
    console.log(i);
    if(i > 1){
        break labelName;
    }
}
// 0
// 1
// 2

5.break语句

用于终止一个循环，还可以在switch中终止，通常这么使用：

终止一个循环：

for(var i = 0 ;i< a.length; i++){
    if(a[i] == 1){
        break;
    }
}

终止一个label

leo:
for(var i = 0 ;i< a.length; i++){
    for(var j = 0 ;j< a.length; j++){
        if(a[i] == a[j]){
            break leo;
        }
    }
}

6.continue语句

用来跳过当前循环，进入下个循环，可以使用在while、do...while、for或者label语句：

有使用continue

var a = 0;
var b = 0;
while (a < 5 ){
    a ++;
    if(a == 2){
        continue;
    }
    b += a;
    console.log(b);
}
// 1 4 8 13

没有使用continue

var a = 0;
var b = 0;
while (a < 5 ){
    a ++;
    if(a == 2){
        // continue;
    }
    b += a;
    console.log(b);
}
// 1,3,6,10,15

7.for...in语句

通常用于遍历一个对象的所有可枚举的属性，执行指定方法：

var a = [
    {name : "leo"},
    {name : "pingan"},
    {name : "平安"},
]
for(var k in a){
    // a为循环对象 k为当前指针位置
    console.log(a[k]);
}

8.for...of语句

通常用于遍历一个可迭代对象（包括Array,Map,Set和参数对象arguments等），执行指定方法：

var a = [1, 2, 5];
for(var k in a){
    console.log(k);   // k 为当前元素的下标
}
for(var m of a){
    console.log(m);   // m 为当前元素的值
}

参考资料

1.MDN 循环和迭代

本部分内容到这结束

Author	王平安
E-mail	pingan8787@qq.com
博客	www.pingan8787.com
微信	pingan8787
每日文章推荐	https://github.com/pingan8787...
JS小册	js.pingan8787.com

欢迎关注微信公众号【前端自习课】每天早晨，与您一起学习一篇优秀的前端技术博文 .

GPU服务器私有云 for循环和foreach 深度学习的3个基础 python基础教程第3版pdf 基础和变量

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

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

【重温基础】13.迭代器和生成器

摘要：迭代器和生成器将迭代的概念直接带入核心语言，并提供一种机制来自定义循环的行为。本文主要会介绍中新增的迭代器和生成器。属性本身是函数，是当前数据结构默认的迭代器生成函数。本文是重温基础系列文章的第十三篇。今日感受：每次自我年终总结，都会有各种情绪和收获。系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1.语法和数据类型【重温基础】2.流...

ymyang 2019-08-23 14:32 评论0 收藏0
【重温基础】10.数组

摘要：本文是重温基础系列文章的第十篇。返回一个由回调函数的返回值组成的新数组。返回一个数组迭代器对象，该迭代器会包含所有数组元素的键值对。回调函数接收三个参数，当前值当前位置和原数组。本文是重温基础系列文章的第十篇。今日感受：平安夜，多棒。系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1.语法和数据类型【重温基础】2.流程控制和错误...

DangoSky 2019-08-23 14:19 评论0 收藏0
【重温基础】14.元编程

摘要：本文是重温基础系列文章的第十四篇。元，是指程序本身。有理解不到位，还请指点，具体详细的介绍，可以查看维基百科元编程。拦截，返回一个布尔值。本文是重温基础系列文章的第十四篇。这是第一个基础系列的最后一篇，后面会开始复习一些中级的知识了，欢迎持续关注呀！接下来会统一整理到我的【Cute-JavaScript】的JavaScript基础系列中。今日感受：独乐乐不如众乐乐...

cc17 2019-08-23 14:34 评论0 收藏0
【重温基础】15.JS对象介绍

摘要：构造函数通常首字母大写，用于区分普通函数。这种关系常被称为原型链，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。中所有的对象，都有一个属性，指向实例对象的构造函数原型由于是个非标准属性，因此只有和两个浏览器支持，标准方法是。从这篇文章开始，复习 MDN 中级教程的内容了，在初级教程中，我和大家分享了一些比较简单基础的知识点，并放在我的【Cute-JavaScript】系...

booster 2019-08-23 14:43 评论0 收藏0
【重温基础】5.表达式和运算符

摘要：系列目录复习资料资料整理个人整理重温基础语法和数据类型重温基础流程控制和错误处理重温基础循环和迭代重温基础函数本章节复习的是中的表达式和运算符，用好这些可以大大提高开发效率。本文是重温基础系列文章的第五篇。今日感受：家的意义。系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1.语法和数据类型【重温基础】2.流程控制和错误处理【重温基...

马忠志 2019-08-23 14:08 评论0 收藏0