美文网首页
79-对象遍历

79-对象遍历

作者: 仰望_IT | 来源:发表于2019-04-30 21:10 被阅读0次
    • 什么是对象的遍历
      • 对象的遍历就是依次取出对象中所有的属性和方法
    • 如何遍历一个对象?
      • 在JS中可以通过高级for循环来遍历对象

            以下代码的含义: 将指定对象中所有的属性和方法的名称取出来依次的赋值给key这个变量
        
            for (let key in obj){
        
            }
        
    • ES6
            class Person{
                constructor(myName, myAge){
                    this.name = myName;
                    this.age = myAge;
                }
                // 注意点; ES6定义类的格式, 会将方法默认放到原型对象中
                say(){
                    console.log(this.name, this.age);
                }
            }
            let p = new Person("lnj", 34);
            // 不能取出原型对象中的方法
            for (let key in p){
                console.log(key);
            }
      
    • ES6之前
            function Person(myName, myAge) {
                this.name = myName;
                this.age = myAge;
                // 在ES6之前定义类的格式, 不会将方法放到原型对象中
                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){
                    continue;
                }
                // console.log(key);    // name/ age / say
                // 注意点: 以下代码的含义 取出p对象中遍历到的属性或方法的值
                console.log(p[key]);    // p["name"] / p["age"] / p["say]
                // 注意点: 以下代码的含义 取出p对象中名称叫做key的属性的取值
                // console.log(p.key); // undefined * 3
            }
      

    相关文章

      网友评论

          本文标题:79-对象遍历

          本文链接:https://www.haomeiwen.com/subject/pydbnqtx.html