Javascript에서 객체를 얻는 방법

藏色散人
풀어 주다: 2021-11-16 11:29:49
원래의
4219명이 탐색했습니다.

Javascript에서 개체를 얻는 방법: 1. 함수를 통해 개체의 생성자를 만듭니다. 2. new를 통해 개체를 만듭니다. 3. 개체에 직접 정의된 속성과 메서드를 가져옵니다.

Javascript에서 객체를 얻는 방법

이 기사의 운영 환경: windows7 시스템, javascript 버전 1.8.5, DELL G3 컴퓨터

Javascript는 어떻게 개체를 얻나요?

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
로그인 후 복사

추천 학습: "자바스크립트 기본 튜토리얼

위 내용은 Javascript에서 객체를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!