JavaScript for in循环

JavaScript for in循环教程

JavaScript 中的 for in 循环,可以用于遍历 数组 的每一个元素或者用于遍历获取 对象 的每一个属性。

JavaScript for in循环详解

语法

for(variable in obj){ //do something }

参数

参数 说明
for for in 循环使用的关键字
variable 每次循环遍历获取的变量的值
in for in 循环使用的关键字
obj 需要遍历的对象

说明

当使用 for in 循环遍历数组时,那么参数 variable 是数组的索引,而不是数组的元素。当使用 for in 循环遍历对象时,那么参数 variable 是对象的属性。

案例

for in循环遍历字符串

使用 for in 遍历字符串

<!DOCTYPE html> <html> <head> <title>JavaScript for in循环</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var str = "Coder"; for (i in str){ console.log(str[i]); } </script> </head> </html>

程序运行后,控制台输出如下:

18_javascript for in循环.png

首先,我们定义了一个字符串 变量 str,接着我们使用 for in 循环来遍历该 字符串,使用 for in 来遍历获取的是字符串的索引,因此,获取每一个元素,我们还需要使用字符串加上下标索引的形式来访问每一个元素。

for in循环遍历数组

使用 for in 遍历数组

<!DOCTYPE html> <html> <head> <title>JavaScript for in循环</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var courses = new Array(); courses[0] = "Python"; courses[1] = "Golang"; courses[2] = "C++"; for (i in courses){ console.log(courses[i]); } </script> </head> </html>

程序运行后,控制台输出如下:

19_javascript for in循环.png

首先,我们定义了一个数组,接着我们使用 for in 循环来遍历该数组,使用 for in 来遍历获取的是数组的索引,因此,获取每一个元素,我们还需要使用数组加上下标索引的形式来访问每一个元素。

for in循环遍历对象

使用 for in 遍历对象

<!DOCTYPE html> <html> <head> <title>JavaScript for in循环</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var person = {}; person.Name = "haicoder"; person.Age = 109; person.Birth = 1024; for (item in person){ console.log(item); } </script> </head> </html>

程序运行后,控制台输出如下:

20_javascript for in循环.png

我们定义了一个对象,接着我们使用 for in 循环来遍历该对象,使用 for in 来遍历获取的是对象的每一个属性。

JavaScript for in循环总结

JavaScript 中的 for in 循环,可以用于遍历数组的每一个元素或者用于遍历获取对象的每一个属性。当使用 for in 循环遍历数组时,那么获取的每一个元素是数组的索引,而不是数组的元素。当使用 for in 循环遍历对象时,那么获取的每一个参数是对象的属性。