详解对象遍历

贵哥的编程之路

发布于 2020-10-28 10:41:09

1K0

发布于 2020-10-28 10:41:09

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=a">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		/*
        1.在JavaScript中对象和数组一样是可以遍历的

        2.什么是对象的遍历?
        对象的遍历就是依次取出对象中所有的属性和方法

        3.如何遍历一个对象?
        在JS中可以通过高级for循环来遍历对象
        以下代码的含义: 将指定对象中所有的属性和方法的名称取出来了依次的赋值给key这个变量
        for(let key in obj){}
        */
      /* class Person
       {
       	constructor(myName, myAge)
       	{
       		this.name = myName;
                this.age = myAge;
            }
            say()
            {// 注意点: ES6定义类的格式, 会将方法默认放到原型对象中
            console.log(this.name, this.age);
            }
       }*/
       function Person(myName, myAge)
       {
       	 this.name = myName;
            this.age = myAge;
            this.say = function(){
                console.log(this.name, this.age);
            }
       }
        let p = new Person("LNJ", 34);
        console.log(p);
        for(let key in p)
        {
           if(p[key] instanceof Function)//意思是如果有函数的就重新执行for语句
           {
              continue;
           }
                       // 注意点: 以下代码的含义取出p对象中名称叫做当前遍历到的名称的属性或者方法的取值
console.log(key);//取出属性方法名称
           console.log(p[key]);
           console.log(p.key);//以下代码的含义取出p对象中属性名称叫做key的属性的取值
        }
	</script>
</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/09/11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

遍历