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)

相关推荐

  • mysql如何实现查表空间大小的SQL语句

    技术mysql如何实现查表空间大小的SQL语句这篇文章将为大家详细讲解有关mysql如何实现查表空间大小的SQL语句,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

    攻略 2021年10月30日
  • redis的五种数据类型以及用途(redis 有哪些数据类型)

    技术Redis中的特殊数据类型有哪些这篇文章将为大家详细讲解有关Redis中的特殊数据类型有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Redis除了5种基础数据类型,还有三种特

    攻略 2021年12月22日
  • 微信小程序swiper组件怎么创建(微信小程序的wxss文件作用)

    技术微信小程序中的wxs模块怎么用这篇文章将为大家详细讲解有关微信小程序中的wxs模块怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。WXS的使用wxs是专门用于wxml页面的,它

    攻略 2021年12月19日
  • js中indexof是什么(js中indexof怎么用)

    技术JS中includes()和indexOf()有哪些区别这篇文章给大家分享的是有关JS中includes()和indexOf()有哪些区别的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、

    攻略 2021年12月20日
  • linux rpm 基础知识

    技术linux rpm 基础知识 linux rpm 基础知识目录Linux中安装软件的三种方式rpmrpm安装rpm安装插图1)rpm安装插图2)rpm卸载rpm更新软件包名称解析rpm查看指令
    Li

    礼包 2021年12月17日
  • 毛线鞋,3岁小孩毛线棉鞋怎么织

    技术毛线鞋,3岁小孩毛线棉鞋怎么织你好毛线鞋:很高兴回答“3岁小孩毛线棉鞋怎么织”这个问题。1.准备工具/原料:棒针、毛线。2、方法/步骤:起针30针,双色线交替编织20行.织21行的时候,鞋口留5针不织,从织22行开始

    生活 2021年10月31日