js判斷對象是否為空對象,判斷對象中是否有某屬性


js判斷對象是否為空對象

判斷一個對象是否為空對象,本文給出三種判斷方法:

1、最常見的思路,for...in...遍歷屬性,為真則為“非空數組”;否則為“空數組”

function judgeObj(Obj){ for(var attr in Obj){ return alert('非空對象') } return alert('空對象') }

2.通過jsON自帶的.stringify方法來判斷:

if(JSON.stringify(Obj) == '{}'){ console.log('空對象'); }

 3.ES6新增的方法Object.keys():

if(Object.keys(Obj).length > 0){//會轉化一個數組 console.log('非空對象'); }

廣州品牌設計公司https://www.houdianzi.com PPT模板下載大全https://redbox.wode007.com

下JavaScript 判斷對象中是否有某屬性

判斷對象中是否有某屬性的常見方式總結,不同的場景要使用不同的方式。

一、點( . )或者方括號( [ ] )

通過點或者方括號可以獲取對象的屬性值,如果對象上不存在該屬性,則會返回undefined。當然,這里的“不存在”指的是對象自身和原型鏈上都不存在,如果原型鏈有該屬性,則會返回原型鏈上的屬性值。

// 創建對象 let test = {name : 'lei'} // 獲取對象的自身的屬性 test.name //"lei" test["name"] //"lei" // 獲取不存在的屬性 test.age //undefined // 獲取原型上的屬性 test["toString"] //toString() { [native code] } // 新增一個值為undefined的屬性 test.un = undefined test.un //undefined 不能用在屬性值存在,但可能為 undefined的場景

所以,我們可以根據 obj.x 是否為 undefined 的返回值 來判斷obj是否有x屬性。這種方式很簡單方便,局限性就是:不能用在x的屬性值存在,但可能為 undefined的場景。 in運算符可以解決這個問題

二、 in 運算符

如果指定的屬性在指定的對象或其原型鏈中,則in 運算符返回true。

// 創建對象 let test = {name : 'lei'} 'name' in test //true 'un' in test //true 'toString' in test //true 'age' in test //false

示例中可以看出,值為undefined的屬性也可正常判斷。這種方式的局限性就是無法區分自身和原型鏈上的屬性,在只需要判斷自身屬性是否存在時,這種方式就不適用了。這時需要hasOwnProperty()

三、hasOwnProperty()

test.hasOwnProperty('name') //true 自身屬性 test.hasOwnProperty('age') //false 不存在 test.hasOwnProperty('toString') //false 原型鏈上屬性

可以看到,只有自身存在該屬性時,才會返回true。適用於只判斷自身屬性的場景。

總結

 

三種方式各有優缺點,不同的場景使用不同的方式,有時還需要結合使用,比如遍歷自身屬性的時候,就會把 for ··· in  ···和 hasOwnProperty()結合使用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM