四时宝库

程序员的知识宝库

JavaScript学习笔记(八)(javascript教程完整版)

上一篇文章我们一起学习了JS中的条件语句,在JS中条件语句通常被用来控制程序的流程,如果我们需要在某一个流程中重复执行一个代码块怎么办呢?这就需要用到循环语句了。在JS中,常用的循环语句包括for循环、for in循环、for of循环、foreach循环、while循环、do while循环等等多种方法,这篇文章我们主要会学习for循环、for in循环、for of循环以及while循环。


一、for循环

for循环是JS中应用最广泛的一种循环,for循环可以循环一切可以被遍历的数据,而且for循环还能记录循环次数,因此for循环被广泛用于流程控制、数据遍历、多重循环等几乎所有的循环

for循环中的()小括号里面是对整个循环的定义,首先声明一个初始值为1的变量i,如果i小于等于10,则i会自增1。

因此该循环可以理解成:

1,当i等于初始值1的时候,执行了一次{}大括号console.log语句

2,然后i自增1变成了2,因为2依然小于等于10,因此又会执行{}大括号中间的代码块

......

依次循环,直到当i等于11的时候,因为11不满足小于等于10的条件,跳出循环。

for循环另外一个重要的作用就是遍历数组,可以查找数组中指定位置的元素以及对应的值

注意
1,``反引号是JS中的模板语法,在``反引号中可以通过${变量}的方式将变量转换成字符串,从而进行字符串拼接,这比传统的通过+联级运算简单了很多

2,每个数组都有一个length属性,表示数组的长度,我们可以通过数组名.length获取到数组的长度,数组的长度从0开始(例如length为10的数组,他的i是0-9,而不是1-10,所以循环的判断条件应该是< length或者<= length - 1)


二、for in循环

因为对象是无序的,因此我们不能通过for循环来遍历,所以出现了for in循环,可以对对象进行遍历操作。

注意

1,for in遍历对象只能得到对象的所有属性名,且属性名是以字符串形式输出的

2,如果我们需要拿到对象中所有属性的值,需要这么做

3,for in循环也可以遍历数组

可以通过对象名[属性名]的方式获取到属性的值。


三、for of循环

for of循环通常被用来遍历数组,可以得到数组中每个元素的值

注意

1,for of循环只能拿到数组中每个元素的值,无法拿到元素的索引

2,for of循环无法对循环次数进行统计

3,for of循环只能完整循环整个数组,不能指定开始和结束的位置

4,for of循环无法遍历对象,因为对象是不可迭代


四、while循环

while循环和for循环类似,既可以循环执行代码块,也可以对可迭代数据进行遍历


while循环可以看做是for循环的另外一种写法,两者基本上作用是一样的


do while循环foreach循环以后我们会结合其他相应的知识一起学习!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接