亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript判斷對象、數(shù)組是否包含某個屬性、某個值的方法

 更新時間：2023年09月18日 09:47:02   作者：DiuWang  
這篇文章主要給大家介紹了關(guān)于JavaScript判斷對象、數(shù)組是否包含某個屬性、某個值的相關(guān)資料,我們在實際的開發(fā)過程中,經(jīng)常需要判斷對象/數(shù)組是否包含某個屬性或者某個值,需要的朋友可以參考下

一、判斷對象是否包含某個屬性

可以使用以下幾種方法來判斷對象是否包含某個屬性：

1. in 操作符：

使用 in 操作符可以檢查對象是否包含指定的屬性。它會檢查對象及其原型鏈上的所有屬性。

const obj = { name: 'John', age: 25 };
console.log('name' in obj); // 輸出: true
console.log('gender' in obj); // 輸出: false

2. hasOwnProperty() 方法：

hasOwnProperty() 是對象的內(nèi)置方法，用于檢查對象自身是否具有指定的屬性（不包括原型鏈上的屬性）。

const obj = { name: 'John', age: 25 };
console.log(obj.hasOwnProperty('name')); // 輸出: true
console.log(obj.hasOwnProperty('gender')); // 輸出: false

3. 使用 undefined 進行判斷：

通過訪問對象的屬性并與 undefined 進行比較，可以判斷對象是否包含該屬性。

但當(dāng) obj 為null 或 undefined 時會報錯。

const obj = { name: 'John', age: 25 };
console.log(obj.name !== undefined); // 輸出: true
console.log(obj.gender !== undefined); // 輸出: false

4. 使用 Object.keys() 方法：

Object.keys() 方法返回一個包含對象自身可枚舉屬性的數(shù)組。您可以使用該方法來獲取對象的所有屬性，并判斷指定屬性是否存在于返回的數(shù)組中。

const obj = { name: 'John', age: 25 };
console.log(Object.keys(obj).includes('name')); // 輸出: true
console.log(Object.keys(obj).includes('gender')); // 輸出: false

備注：這些方法可以根據(jù)您的需求選擇使用，以判斷對象是否包含某個屬性。請注意，前三種方法在屬性值為 undefined 時也會返回 true，而最后一種方法不會將 undefined 視為存在的屬性。

5. 使用 Reflect.has(obj , keyName) 方法：

Reflect.has(obj, name)

Reflect.has方法對應(yīng)name in obj里面的in運算符。

如果Reflect.has()方法的第一個參數(shù)不是對象，會報錯。

 let obj = {
     name: '再努力些吧',
     age: 18,
     work: '前端',
 }
 // 舊寫法
 console.log('age' in obj);//true
 console.log('sex' in obj);//false
 // 新寫法
 console.log(Reflect.has(obj, 'age'));//true
 console.log(Reflect.has(obj, 'sex'));//false

6、propertyIsEnumerable() 相當(dāng)于 hasOwnProperty() 的增強版

這個方法的用法與hasOwnProperty()相同，但當(dāng)檢測屬性是自有屬性(非繼承)且這個屬性是可枚舉的，才會返回true。

方便記憶可以理解為：

  • in: 只要對象包含某個屬性就返回true, 包含原型鏈上的屬性
  • hasOwnProperty: 首先滿足in, 其次屬性不屬于原型鏈
  • propertyIsEnumerable: 首先滿足hasOwnProperty，其次該屬性未經(jīng)由Object.defineProperty定義為不可列舉
/* 如下例子我就不寫了引用別人的。作者：Netmad,來源：知乎,
鏈接：https://www.zhihu.com/question/21907133/answer/378501127  */
function foo() {
  this.id = 'id';
}
foo.prototype.common = 'common';
var o = new foo();
'id' in o; // true
'common' in o; // true
'whatever' in o; // false
o.hasOwnProperty('id'); //true
o.hasOwnProperty('common'); //false
o.propertyIsEnumerable('id'); //true
o.propertyIsEnumerable('common'); //false
// 目前為止, hasOwnPerproty和propertyIsEnumerable看上去沒啥差別
// 通過Object.defineProperty定義新的屬性
Object.defineProperty(o, 'prop', {
  value: 'valueOfProp',
  enumerable: false
});
o.prop; // valueOfProp
o.hasOwnProperty('prop'); // true
o.propertyIsEnumerable('prop'); //false
// 如果defineProperty時enumerable為true, 那么這里依然和hasOwnProperty一樣

以上方法都可以判斷出對象是否包含某個屬性，工作中可以根據(jù)不同情況采用不同的方法。

二、判斷數(shù)組中是否包含某個值

可以使用以下幾種方法來判斷數(shù)組中是否包含某個值：

1. includes() 方法：

includes() 方法用于檢查數(shù)組是否包含指定的值，并返回一個布爾值。

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // 輸出: true
console.log(arr.includes(6)); // 輸出: false

2. indexOf() 方法：

indexOf() 方法返回指定值在數(shù)組中的第一個匹配項的索引，如果不存在則返回 -1。

const arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3) !== -1); // 輸出: true
console.log(arr.indexOf(6) !== -1); // 輸出: false

3. find() 方法：

find() 方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的值，如果不存在則返回 undefined。

const arr = [1, 2, 3, 4, 5];
console.log(arr.find(element => element === 3) !== undefined); // 輸出: true
console.log(arr.find(element => element === 6) !== undefined); // 輸出: false

4. some() 方法：

some() 方法測試數(shù)組中是否至少有一個元素通過了提供的測試函數(shù)，返回一個布爾值。

const arr = [1, 2, 3, 4, 5];
console.log(arr.some(element => element === 3)); // 輸出: true
console.log(arr.some(element => element === 6)); // 輸出: false

備注：這些方法可以根據(jù)您的需求選擇使用，以判斷數(shù)組中是否包含某個值。請注意，前三種方法在比較值時使用的是嚴格相等運算符（===），而 some() 方法則通過測試函數(shù)來進行判斷。

5. findIndex() 方法：

返回值：如果找到滿足條件的元素，則返回該元素的索引（大于等于 0）；如果沒有找到滿足條件的元素，則返回 -1。

判斷方式：通過提供的測試函數(shù)對數(shù)組中的每個元素進行判斷，直到找到滿足條件的元素為止。

示例：

const arr = [1, 2, 3, 4, 5];
console.log(arr.findIndex(element => element === 3)); // 輸出: 2
console.log(arr.findIndex(element => element === 6)); // 輸出: -1

以上5種都是ES6增加的。

總結(jié)

到此這篇關(guān)于JavaScript判斷對象、數(shù)組是否包含某個屬性、某個值的文章就介紹到這了,更多相關(guān)JS判斷包含某個屬性某個值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論