js查看js对象的属性

最新推荐文章于 2023-04-05 15:00:26 发布

原创最新推荐文章于 2023-04-05 15:00:26 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js查看js对象的属性

javascript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了JavaScript中创建和使用对象的方法，包括通过构造函数、直接赋值方式创建对象，并演示了如何利用Object.keys()和Object.getOwnPropertyNames()获取对象属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、创建对象

在js中创建对象并赋值

var person = new Object();
person.name="huangbaokang";
person.age=30;
person.author = function(){
    return this.name;
}

也可以直接新建对象，不通过构造函数，如下所示，我经常就使用这种方式。

var person = {};
person.name="huangbaokang";
person.age=30;
person.author = function(){
    return this.name;
}

也可以通过构造函数

function person(name,age){
	this.name = name;
	this.age = age;
	this.author = function(){
		return this.name;
	}
}
// 创建一个对象
var obj = new person('huangbaokang',30);

二、使用对象

对象内置方法Object.keys()，该方法返回一个数组，包括对象内可枚举属性以及方法名称。

var keys = Object.keys(person);
console.log(keys);// ["name", "age", "author"]

Object.getOwnPropertyNames()方法返回一个指定对象所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

var keys = Object.getOwnPropertyNames(person);
console.log(keys);//["name", "age", "author"]

也可以使用for …in遍历

var keys = [];
for (var obj in person){
    keys.push(obj);
}
console.log(keys);//["name", "age", "author"]

判断一个对象是否有某属性

console.log(person.hasOwnProperty('name'));// true