JavaScript에서 속성을 얻는 방법: 1. 객체의 구성 메서드 "function myObj(name, attr) {...}"를 생성합니다. 2. "for (var i in myTester) {...}를 통해 속성을 얻습니다. " 메소드 객체 메소드이면 충분합니다.
이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
자바스크립트에서 속성을 얻는 방법은 무엇인가요?
JavaScript 개체 속성 및 메서드 가져오기
1. 개체 속성 및 메서드 가져오기
Object.keys() 개체의 열거 가능한 속성 및 메서드 이름 배열을 반환합니다.
Object.getOwnPropertyNames()는 주어진 객체에서 직접 발견된 모든 속성(열거 가능 또는 비열거 가능)의 배열을 반환합니다.
// 创建一个对象的构造方法 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
2. 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 } }
3. 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
[추천 학습: 자바스크립트 기본 튜토리얼 】
위 내용은 자바스크립트에서 속성을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!