今天的学习中发现在用for(var k in obj){}的使用中,如果在遍历中的结果涉及到数值运算的时候浏览器会报错,在查询询问之后知道了原因,现在把讲解代码放上来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</body>
<script>
var obj = document.getElementsByTagName('p');
for(var k in obj){
console.log(k);
}
</script>
</html>
以下是输出结果
我们会发现for(in){}语法输出的不仅仅是遍历的每一个p标签,还包括了对象的长度等其他的属性,而这些属性显然不是数值型,自然无法进行运算,结果就是浏览器编译的时候会报错。