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 遍历字符串
<!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>
程序运行后,控制台输出如下:
首先,我们定义了一个字符串 变量 str,接着我们使用 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>
程序运行后,控制台输出如下:
首先,我们定义了一个数组,接着我们使用 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>
程序运行后,控制台输出如下:
我们定义了一个对象,接着我们使用 for in 循环来遍历该对象,使用 for in 来遍历获取的是对象的每一个属性。
JavaScript 中的 for in 循环,可以用于遍历数组的每一个元素或者用于遍历获取对象的每一个属性。当使用 for in 循环遍历数组时,那么获取的每一个元素是数组的索引,而不是数组的元素。当使用 for in 循环遍历对象时,那么获取的每一个参数是对象的属性。