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 遍历的主要内容，如果未能解决你的问题，请参考以下文章