JavaScript怎样获取对象属性和方法

技术JavaScript怎样获取对象属性和方法这篇文章主要介绍了JavaScript怎样获取对象属性和方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。j

本文主要介绍了JavaScript如何获取对象的属性和方法,具有一定的参考价值。有兴趣的朋友可以参考一下。希望你看完这篇文章会有很多收获。让边肖带你去了解一下。

javascript获取属性的方法:1。创建一个对象构造方法”函数myobj (name,attr){ 0.}";2.通过“for”(myTester中的var I){获取对象方法.}}”方法。

本文操作环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。

JavaScript 获取对象属性和方法

首先,获取对象属性和方法

Object.keys()返回对象的可枚举属性和方法的名称数组。

Object.getOwnPropertyNames()返回的数组的所有属性(可枚举或不可枚举)都直接找到给定的对象。

//创建对象的构造方法。

functionmyObj(名称,属性){ 0

this.name=name

this.attr=attr

this . SayHi=function(){ 0

每个人都回来!

}

}

//创建对象

varmyTester=new myobj(' shinejaie ',1)

//直接在对象上获取定义的属性和方法(可枚举)。

vararr=object . keys(MyTester);

console.log('arr ',arr);//输出arr['name ',' attr ',' sayHi']

//返回数组的所有属性(可枚举或不可枚举)直接找到给定对象。

console.log('attr ',object . getowntpropertynames(my tester));//输出属性['名称','属性',' sayHi']

//向对象原型添加属性

object . prototype . new hine=' it ' SME ';

//返回可枚举属性,直到找到对象的原型链。

for(VarinmyTester){ 0

console . log(I);

}

//输出名称,attr,sayHi,newShine

//返回直接在该对象上定义的可枚举属性。

for(VarinmyTester){ 0

sp;  if (myTester.hasOwnProperty(i)) {
            console.log(i);
        }
    }
    // 输出 name,attr,sayHi

二、Object.keys()、Object.getOwnPropertyNames()、for...in...对比

// 不可枚举的对象属性
    var nonenum = Object.create({}, {
        getFoo: {
            value: function () {
                return this.foo;
            },
            enumerable: false
        }
    });
    nonenum.foo = 1;
    nonenum.asj = 2;
    // 获取对象可枚举或不可枚举的属性
    console.log(Object.getOwnPropertyNames(nonenum).sort()); // 输出 ["asj", "foo", "getFoo"]
    // 获取对象可枚举的属性
    console.log(Object.keys(nonenum).sort()); // 输出 ["asj", "foo"]
    // 返回直接定义在该对象上的可枚举属性
    for (var i in nonenum) {
        if (nonenum.hasOwnProperty(i)) {
            console.log(i); // 输出 foo asj
        }
    }

三、分别获取JavaScript对象属性名和方法名

// 创建一个对象的构造方法
    function myObj(name, attr) {
        this.name = name;
        this.attr = attr;
        this.sayHi = function () {
            return 'hi everyone!!!';
        }
    }
    // 创建一个对象
    var myTester = new myObj("shinejaie", 1)
    // 获取对象方法
    for (var i in myTester) {
        if (myTester.hasOwnProperty(i) && typeof myTester[i] == "function") {
            console.log("对象方法: ", i, "=", myTester[i])
        }
    }
    // 输出 对象方法: sayHi = () { return 'hi everyone!!!'; }
    // 获取对象属性
    for (var i in myTester) {
        if (myTester.hasOwnProperty(i) && typeof myTester[i] != "function") {
            console.log("对象属性: ", i);
        }
    }
    // 输出 对象属性: name 对象属性: attr

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript怎样获取对象属性和方法”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/90106.html

(0)

相关推荐

  • 《小白学Unity3D》实现处理鼠标点击GameObject

    技术《小白学Unity3D》实现处理鼠标点击GameObject 《小白学Unity3D》实现处理鼠标点击GameObject实现物体点击事件
    通过对摄像机挂载Physics Raycaster组件,对

    礼包 2021年11月14日
  • javax.servlet软件包中的HttpServlet相关知识有哪些

    技术javax.servlet软件包中的HttpServlet相关知识有哪些这篇文章将为大家详细讲解有关javax.servlet软件包中的HttpServlet相关知识有哪些,文章内容质量较高,因此小编分享给大家做个参

    攻略 2021年11月12日
  • b2的作用和功效,c1和b2驾照的区别和好处

    技术b2的作用和功效,c1和b2驾照的区别和好处驾驶证C1和B2区别如下:
    1.
    考试项目不同 1、C1的的科目二只考5项b2的作用和功效。 2、B2要考16项,科目三B2比C1的考试里程多,且多了个夜间驾驶。
    2.

    生活 2021年10月25日
  • 金银花别名,金银花另外一个名字叫什么

    技术金银花别名,金银花另外一个名字叫什么金银花学名叫忍冬,别名金银藤、银藤、子风藤、鸳鸯藤等金银花别名。 金银花 ,正名为忍冬。“金银花”一名出自《本草纲目》,由于忍冬花初开为白色,后转为黄色,因此得名金银花。是川续断目

    生活 2021年10月31日
  • MYSQL在双MASTER环境中由ROW日志模式带来的数据是否一致

    技术MYSQL在双MASTER环境中由ROW日志模式带来的数据是否一致MYSQL在双MASTER环境中由ROW日志模式带来的数据是否一致,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题

    攻略 2021年11月20日
  • ADO.NET连接数据库使用是怎样的

    技术ADO.NET连接数据库使用是怎样的本篇文章为大家展示了ADO.NET连接数据库使用是怎样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。如果我们利用Command 对象所执

    攻略 2021年12月1日