Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie Attribute in Javascript

藏色散人
Freigeben: 2021-10-27 14:13:15
Original
7503 Leute haben es durchsucht

So erhalten Sie Attribute in JavaScript: 1. Erstellen Sie die Konstruktionsmethode eines Objekts „function myObj(name, attr) {...}“ 2. Erhalten Sie sie über „for (var i in myTester) {...}; " method Objektmethoden sind ausreichend.

So erhalten Sie Attribute in Javascript

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wie erhalte ich Attribute in Javascript?

JavaScript Objekteigenschaften und -methoden abrufen

1. Objekteigenschaften und -methoden abrufen

Object.keys() Gibt ein Array mit Namen aufzählbarer Eigenschaften und Methoden des Objekts zurück.

Object.getOwnPropertyNames() gibt ein Array aller Eigenschaften (aufzählbar oder nicht aufzählbar) zurück, die direkt auf dem angegebenen Objekt gefunden werden.

// 创建一个对象的构造方法
    function myObj(name, attr) {
        this.name = name;
        this.attr = attr;

        this.sayHi = function () {
            return 'hi everyone!!!';
        }
    }

    // 创建一个对象
    var myTester = new myObj("shinejaie", 1)
    // 获取直接在对象上定义(可枚举)的属性和方法
    var arr = Object.keys(myTester);
    console.log('arr', arr); // 输出 arr ["name", "attr", "sayHi"]

    // 返回的数组的所有属性(可枚举或不可枚举)直接找到给定对象。
    console.log("attr", Object.getOwnPropertyNames(myTester)); // 输出 attr ["name", "attr", "sayHi"]

    // 在 Object 原型上增加一个属性
    Object.prototype.newShine = "it's me";

    // 返回可枚举属性一直找到该对象的原型链
    for (var i in myTester) {
        console.log(i);
    }
    // 输出 name,attr,sayHi,newShine

    // 返回直接定义在该对象上的可枚举属性
    for (var i in myTester) {
        if (myTester.hasOwnProperty(i)) {
            console.log(i);
        }
    }
    // 输出 name,attr,sayHi
Nach dem Login kopieren

2. Vergleich von 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
        }
    }
Nach dem Login kopieren

3. Holen Sie sich den JavaScript-Objekteigenschaftsnamen bzw. Methodennamen

// 创建一个对象的构造方法
    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
Nach dem Login kopieren

[Empfohlenes Lernen: Javascript-Grundlagen-Tutorial

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Attribute in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage