JS對象屬性的檢測與獲取操作實例分析
本文實例講述了JS對象屬性的檢測與獲取操作。分享給大家供大家參考，具體如下：
1.1 in運算符
in運算符用于檢查對象是否包含某個屬性（注意，檢查的是鍵名，不是鍵值）， 如果包含就返回true,否則返回false
var obj = { p: 1 }
'p' in obj // true
'toString' in obj // true
上面代碼中，obj對象上有一個p屬性，所以使用in運算符時，得到true,但toString并沒有在obj對象上，為什么也返回true呢，這是因為in運算符，不能識別哪些屬性是對象自身的，哪些是繼承的。因為toString是繼承自obj的原型對象，所以會返回true。
1.2 for … in 循環(huán)
for … in 循環(huán)用來遍歷一個對象的全部屬性。
var obj = {a: 1, b: 2, c: 3};
for (var i in obj) {
console.log(obj[i]);
}
for … in 循環(huán)有兩個使用注意點
- 它遍歷的是對象所有可遍歷的屬性，會跳過不可遍歷的屬性。
- 它不僅遍歷對象自身的屬性，還遍歷繼承的屬性。
如果想得到自身的屬性，需要結(jié)合hasOwnProperty方法，在循環(huán)內(nèi)部判斷一下，某個屬性是否為對象自身的屬性。
var person = { name: '老張' };
for (var key in person) {
if (person.hasOwnProperty(key)) {
console.log(key);
}
}
想要得到自身的屬性還有另外兩種方法：
es5:
利用Object.getOwnPropertyNames(obj)
var person = { name: '老張' }
var props = Object.getOwnPropertyNames(person)
es6:
利用Object.keys(obj)
var person = { name: '老張' }
var props = Object.keys(person)
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
layui 富文本圖片上傳接口與普通按鈕 文件上傳接口的例子
今天小編就為大家分享一篇layui 富文本圖片上傳接口與普通按鈕 文件上傳接口的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關(guān)操作技巧,需要的朋友可以參考下2016-07-07
JS交互點擊WKWebView中的圖片實現(xiàn)預(yù)覽效果
這篇文章主要介紹了JS交互點擊WKWebView中的圖片實現(xiàn)預(yù)覽效果,需要的朋友可以參考下2018-01-01
微信小程序?qū)崿F(xiàn)自定義動畫彈框/提示框的方法實例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)自定義動畫彈框/提示框的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
好多情況下flash會出現(xiàn)需要單擊激活，不過一般新版本中直接插入隨然不用激活但代碼較多，下面的方法是個函數(shù)，其實代碼也不少，不過思路很好，大家可以看看。2009-03-03
這篇文章主要給大家介紹了光宇微信小程序單頁面應(yīng)用路由的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
webpack4 SplitChunks實現(xiàn)代碼分隔詳解
這篇文章主要介紹了webpack4 SplitChunks實現(xiàn)代碼分隔詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本篇主要是對js二維數(shù)組排序的簡單示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
確定你是要禁用全局的還是指定控件，如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的，感興趣的朋友可以了解下哈2013-05-05
ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03