JavaScript数组遍历总结
一、准备工作
创建一个数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var names = ["lucy","lily",true,null,undefined];
</script>
</body>
</html>
二、普通for循环遍历
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var names = ["lucy","lily",true,null,undefined];
for(var i = 0; i < names.length ; i++){
console.log(names[i]);
}
</script>
</body>
</html>
在浏览器的控制台上查看输出
三、for in循环遍历
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var names = ["lucy","lily",true,null,undefined];
//普通for循环遍历
for(var i = 0; i < names.length ; i++){
console.log(names[i]);
}
console.log("-------------------------------");
//for in循环遍历
for(var i in names){
console.log(names[i])
}
</script>
</body>
</html>
注意:
在使用for in循环得到不是数组中的元素,而是数组中元素的索引值。