JavaScript检查对象是否包含某个属性

in 操作符

in 操作符会检查属性是否存在于对象或其原型链上。

let person = { name: 'Alice', age: 25 };
console.log('name' in person); // 输出: true
console.log('height' in person); // 输出: false

hasOwnProperty 方法

hasOwnProperty 方法会检查对象自身是否具有指定的属性,而不考虑原型链。

let person = { name: 'Alice', age: 25 };
console.log(person.hasOwnProperty('name')); // 输出: true
console.log(person.hasOwnProperty('height')); // 输出: false

Object.prototype.propertyIsEnumerable

此方法检查对象是否具有指定的属性,并且该属性是否可枚举。不包括原型链上的属性。

let person = { name: 'Alice', age: 25 };
console.log(person.propertyIsEnumerable('name')); // 输出: true
// 对于不可枚举的属性,例如通过 Object.defineProperty 设置的属性
Object.defineProperty(person, 'height',{value: 25})
console.log(person.propertyIsEnumerable('height')); // 输出: false

Object.defineProperty() 方法允许你精确地添加新属性或修改现有属性的描述,并返回对象。这个方法接受三个参数:

  • 对象 (obj): 要在其上定义属性的对象。
  • 属性名 (prop): 要定义或修改的属性的名称或 Symbol。
  • 属性描述符 (descriptor): 一个对象,包含以下属性:
    • value: 属性的值。
    • writable: 表示属性是否可写(默认为 false)。
    • enumerable: 表示属性是否可枚举,即是否会出现在 for…in 循环或 Object.keys() 中(默认为 false)。
    • configurable: 表示属性是否可配置,即是否可以使用 delete 删除属性,或者是否可以再次使用 Object.defineProperty() 改变属性描述(默认为 false)。
    • get: 一个给属性提供 getter 的函数,如果没有 getter 则为 undefined。
    • set: 一个给属性提供 setter 的函数,如果没有 setter 则为 undefined。

Object.prototype.hasOwnProperty.call()

Object.prototype.hasOwnProperty 是一个方法。call 是一个函数,它允许调用一个函数并指定 this 的值。当使用 Object.prototype.hasOwnProperty.call 时,实际上是在调用 hasOwnProperty 方法,并明确指定 this 的值,这使得可以检查任何对象是否拥有指定的属性。:

let person = {
  name: 'Alice',
  age: 25
};

// 检查 person 对象是否拥有 'name' 属性
console.log(Object.prototype.hasOwnProperty.call(person, 'name')); // 输出: true

// 检查 person 对象是否拥有 'height' 属性
console.log(Object.prototype.hasOwnProperty.call(person, 'height')); // 输出: false

// 即使 person 原型链上有 'species' 属性,hasOwnProperty 也不会返回 true
let Person = {
  species: 'Human'
};
person.__proto__ = Person; // 将 person 的原型指向 Person

// 检查 person 对象是否拥有 'species' 属性
console.log(Object.prototype.hasOwnProperty.call(person, 'species')); // 输出: false

使用 Object.prototype.hasOwnProperty.call 的好处是,它允许将 hasOwnProperty 方法作为一个函数传递给其他函数,或者在不直接引用对象的情况下使用它。例如,可以将 hasOwnProperty 作为参数传递给一个高阶函数:

function checkProperty(obj, prop) {
  return Object.prototype.hasOwnProperty.call(obj, prop);
}

console.log(checkProperty(person, 'name')); // 输出: true
console.log(checkProperty(person, 'age'));  // 输出: true
console.log(checkProperty(person, 'species')); // 输出: false

这种方式提高了代码的可读性和可重用性,因为不需要在每个检查属性的地方都写 Object.prototype.hasOwnProperty.call。

Object.keys()

  • Object.keys()方法返回一个由指定对象的所有可枚举自身属性的属性名组成的数组。
  • 只包括对象自身的属性,不包括原型链上的属性。
  • 只有当属性的 enumerable(可枚举性) 标志为 true 时,该属性才会被包含在返回的数组中。
let obj = { a: 1, b: 2, c: 3 };
Object.defineProperty(obj, 'd', {
  value: 4,
  enumerable: false
});
console.log(Object.keys(obj)); // 输出: ['a', 'b', 'c']

Object.getOwnPropertyNames()

  • Object.getOwnPropertyNames()方法返回一个数组,包含对象自身的所有属性名(不管它们是否可枚举)。
  • 它也不包括原型链上的属性,只限于对象自身的属性。
  • 由于它包括了所有属性,因此可以获取通过 Object.defineProperty() 设置为不可枚举的属性。
let obj = { a: 1, b: 2, c: 3 };
Object.defineProperty(obj, 'd', {
  value: 4,
  enumerable: false
});
console.log(Object.getOwnPropertyNames(obj)); // 输出: ['a', 'b', 'c', 'd']

通常,in 操作符和 hasOwnProperty 方法是最常用的方法,前者检查包括原型链上的所有属性,后者只检查对象自身的属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值