快捷導(dǎo)航

查找JS對象中是否包含某個變量的6種方法總結(jié)

更新時間：2024年08月20日 10:19:35 作者：還是大劍師蘭特

在JavaScript中,我們可以通過多種方法來判斷一個數(shù)組中是否包含某個特定的值,這篇文章主要給大家介紹了關(guān)于如何查找JS對象中是否包含某個變量的6種方法,需要的朋友可以參考下

方法一：使用 in 運算符

in 運算符可以用來檢測一個對象是否具有指定的屬性名（無論該屬性是直接定義在對象上還是繼承來的）。

const obj = { a: 1, b: 2 };

console.log('a' in obj); // true
console.log('c' in obj); // false

方法二：使用 hasOwnProperty() 方法

hasOwnProperty() 方法用來檢測一個對象是否直接具有指定的屬性名，不考慮繼承鏈上的屬性。

const obj = { a: 1, b: 2 };

console.log(obj.hasOwnProperty('a')); // true
console.log(obj.hasOwnProperty('c')); // false

方法三：使用 Object.prototype.hasOwnProperty.call()

當需要檢查一個繼承來的屬性是否存在時，或者當 this 上下文不正確時，可以使用 call() 或 apply() 方法來調(diào)用 hasOwnProperty。

const obj = Object.create({ c: 3 });
obj.a = 1;
obj.b = 2;

console.log(Object.prototype.hasOwnProperty.call(obj, 'a')); // true
console.log(Object.prototype.hasOwnProperty.call(obj, 'c')); // false

方法四：使用 Reflect.has()

Reflect.has() 方法類似于 in 運算符，但它返回一個布爾值指示對象是否有給定的屬性鍵。

const obj = { a: 1, b: 2 };

console.log(Reflect.has(obj, 'a')); // true
console.log(Reflect.has(obj, 'c')); // false

方法五：使用 Object.keys() 或 Object.getOwnPropertyNames()

如果你只需要檢查一個或幾個屬性，并且不關(guān)心性能，你可以使用 Object.keys() 或 Object.getOwnPropertyNames() 來獲取所有屬性名，然后檢查這些數(shù)組中是否包含你想要的屬性名。

const obj = { a: 1, b: 2 };

const keys = Object.keys(obj);
console.log(keys.includes('a')); // true
console.log(keys.includes('c')); // false

const ownKeys = Object.getOwnPropertyNames(obj);
console.log(ownKeys.includes('a')); // true
console.log(ownKeys.includes('c')); // false

方法六：使用 Object.getOwnPropertyDescriptor()

如果需要檢查一個屬性是否存在并且獲取它的描述符，可以使用 Object.getOwnPropertyDescriptor()。

const obj = { a: 1, b: 2 };

const desc = Object.getOwnPropertyDescriptor(obj, 'a');
console.log(desc !== undefined); // true

const desc2 = Object.getOwnPropertyDescriptor(obj, 'c');
console.log(desc2 === undefined); // true