JS判斷空對象的幾個方法大盤點_第1頁
JS判斷空對象的幾個方法大盤點_第2頁
JS判斷空對象的幾個方法大盤點_第3頁
JS判斷空對象的幾個方法大盤點_第4頁
JS判斷空對象的幾個方法大盤點_第5頁
全文預覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

第JS判斷空對象的幾個方法大盤點目錄知識準備Object.keysObject.getOwnPropertyNames可枚舉屬性hasOwnProperty盤點判空方法JSON.stringify判空forin判空Object.getOwnPropertyNames判空Object.keys()判空hasOwnProperty判空附將對象轉(zhuǎn)換為字符串進行比較總結(jié)

知識準備

在盤點JS判空方法之前我們先來了解下面的三個方法。

Object.keys

Object.keys()方法是以對象為參數(shù),返回一個包含該對象內(nèi)所匹配的屬性和方法的數(shù)組

varobj={

name:"cxy",

age:"19"

varobjArray=Object.getOwnPropertyNames(obj);

console.log(objArray)

可以看到objArray為返回值,且返回值為以對象內(nèi)的屬性為內(nèi)容的數(shù)組

Object.getOwnPropertyNames

Object.getOwnPropertyNames()方法同樣是也是以對象為參數(shù),返回一個包含該對象內(nèi)所匹配的屬性和方法的數(shù)組

大家在這里會發(fā)出疑問,這兩個有啥區(qū)別?Object.getOwnPropertyNames()可以返回所有的屬性,而Object.keys()只能返回可枚舉屬性,誒?到這里大家又疑惑了可枚舉屬性又是個啥?不要著急,我來解釋一下什么叫可枚舉屬性

可枚舉屬性

可枚舉或者不可枚舉屬性是對象內(nèi)部通過可枚舉標志enumerable來進行區(qū)分的,在默認情況下,我們=cxy為對象新增了一個屬性后,其可枚舉標志enumerable為ture,而當其值為false的時候它是不可枚舉的,當我們對對象進行for,Object.keys(),JSON.stringify()的時候不可枚舉屬性是找不出來的,我們可以理解為不可枚舉屬性是隱身的

現(xiàn)在我們拿上面的Object.getOwnPropertyNames和Object.keys()進行實戰(zhàn)舉例,我們通過defineProperty來為對象添加age屬性,因為該方法可以設(shè)置枚舉標志,這里設(shè)置為false,可以看到下面兩個不同的返回結(jié)果

varstuObj={

name:"cxy"

Object.defineProperty(stuObj,'age',{

value:"18",

enumerable:false

console.log(Object.keys(stuObj))

console.log(Object.getOwnPropertyNames(stuObj))

hasOwnProperty

hasOwnProperty()是用來判斷某對象是否含有某屬性的,其參數(shù)為屬性名

varstuObj={

name:"cxy"

console.log(stuObj.hasOwnProperty('name'))

但是這里要注意一個問題就是,hasOwnProperty()判斷繼承屬性的時候會返回false,繼承屬性即對象從原型對象上繼承的屬性,比如說toString

盤點判空方法

JSON.stringify判空

這種方式是比較簡單的了,使用JSON.stringify將對象轉(zhuǎn)換為字符串,再通過等于判斷即可得到對象是否為空的布爾值

letobj={

name:"cxy"

console.log(JSON.stringify(obj)=='{}')

forin判空

使用forin的話可以當觸發(fā)循環(huán)的時候返回false沒有觸發(fā)循環(huán)的時候代表對象為空返回ture

letforNull=(items)={

for(letiteminitems){

returnfalse

returntrue

}

Object.getOwnPropertyNames判空

這里使用了上文提及的Object.getOwnPropertyNames,將返回的數(shù)組的length作為判斷依據(jù)。

letstuArray=Object.getOwnPropertyNames(obj)

console.log(stuArray.length===0)

Object.keys()判空

和上個方法一樣,使用數(shù)組作為判斷依據(jù)

letstuArray=Object.getOwnPropertyNames(obj)

console.log(stuArray.length===0)

hasOwnProperty判空

使用hasOwnProperty是使用for循環(huán)將元素進行判斷如果含有則返回false說明不為空,反之則為空

letforNull=(items)={

for(letiteminitems){

if(items.hasOwnProperty(item)){

returnfalse

returntrue

}

附將對象轉(zhuǎn)換為字符串進行比較

這種方法很不推薦,但也確實是最容易想到的,主要使用JSON.stringify()這個方法對對象進行強轉(zhuǎn),貼出來僅供一看:

vara={};

varb=n

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論