JavaScript for in 遍历
Posted 「已注销」
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript for in 遍历相关的知识，希望对你有一定的参考价值。
在javascript中，我们可以使用 for in 语句来遍历对象或数组。
语法格式：
for (var variable in object)
//执行的代码
variable：用来表示数组元素或对象的属性或方法名的变量
object：遍历的对象或数组
1.遍历对象
（1）输出对象的属性名或方法名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var obj =
name: "andy",
age: 18,
sex: "女",
sing: function ()
return this.name + "唱歌";
for (var key in obj)
console.log(key);
</script>
</body>
</html>
（2）输出对象的属性值或方法值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var obj =
name: "andy",
age: 18,
sex: "女",
sing: function ()
return this.name + "唱歌";
for (var key in obj)
console.log(obj[key]);
</script>
</body>
</html>
2.遍历数组
（1）输出数组的索引
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var arr = [5, 4, 3, 2, 1];
for (var key in arr)
console.log(key);
</script>
</body>
</html>
（2）遍历数组元素的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var arr = [5, 4, 3, 2, 1];
var sum = 0;
for (var key in arr)
sum += arr[key];
console.log(sum);
</script>
</body>
</html>控制台输出：
以上是关于JavaScript for in 遍历的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript-//FOR/IN循环。当使用for/in循环遍历关联数组时，就可以清晰地体会到for/in的强大之处。
JavaScript中遍历数组 最好不要使用 for in 遍历