JS獲取對(duì)象屬性名總結(jié)
更新時(shí)間：2022年01月30日 08:55:02 投稿：wdc
這篇文章主要總結(jié)介紹了JS如何獲取對(duì)象屬性名的方法,需要的朋友可以參考下
最近面試遇到問(wèn)如何獲取對(duì)象全部屬性名的方法，總結(jié)一下：
對(duì)象屬性類型分類：
1.ESMAScript分類
數(shù)據(jù)類型 又分為可枚舉和不可枚舉類型 訪問(wèn)器類型
2.上下文分類
原型屬性 實(shí)例屬性
1.列舉自身但不包括原型的可枚舉屬性名 Object.keys(obj)
// 遍歷對(duì)象
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.demo = function() {};
let cj = new Person('cj', 25);
// 通過(guò)Object.defineProperty定義一個(gè)不可枚舉屬性
Object.defineProperty(cj, 'weight', {
enumerable:false
})
// enumerable = true
// console.log(Object.keys(cj)) // name age
// enumerable = false
// console.log(Object.keys(cj)) // name age weight
2.列舉包括自身不可枚舉但不包括原型的屬性名 Object.getOwnPropertyNames(obj)
function Person(name, age) {
this.name = name;
this.age = age;
}
// 設(shè)置原型屬性
Person.prototype.demo = function() {};
let cj = new Person('cj', 25);
// 通過(guò)Object.defineProperty定義一個(gè)不可枚舉屬性
Object.defineProperty(cj, 'weight', {
enumerable:false
})
// 獲取屬性名
console.log(Object.getOwnPropertyNames(cj)) // name age weight
3.獲取自身和原型鏈上的可枚舉屬性 for in 返回的順序可能與定義順序不一致
function Person(name, age) {
this.name = name;
this.age = age;
}
// 設(shè)置原型屬性
Person.prototype.demo = function() {};
Object.prototype.j = 1
let cj = new Person('cj', 25);
// 通過(guò)Object.defineProperty定義一個(gè)不可枚舉屬性
Object.defineProperty(cj, 'weight', {
enumerable:false
})
let props = []
for(prop in cj){
props.push(prop)
}
console.log(props) //name age weight j
4.獲取自身Symbol屬性 Object.getOwnPropertySymbols(obj)
let obj = {};
// 為對(duì)象本身添加Symbol屬性名
let a = Symbol("a");
obj[a] = "localSymbol";
// 為對(duì)象原型添加Symbol屬性名
let b = Symbol("b")
Object.prototype[b] = 111
let objectSymbols = Object.getOwnPropertySymbols(obj);
console.log(objectSymbols); //Symbol(a)
5.獲取自身包括不可枚舉和Symbol屬性名，但不包括原型 Reflect.ownKeys(obj)
// 遍歷對(duì)象
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.demo = function() {};
let s = Symbol('s')
let cj = new Person('cj', 25);
// 通過(guò)Object.defineProperty定義一個(gè)不可枚舉屬性
Object.defineProperty(cj, 'weight', {
enumerable: false
})
cj[s] = 1
let a = Symbol('a')
Object.prototype[a] = 1
console.log(Object.getOwnPropertyNames(cj)) //name age weight
console.log(Reflect.ownKeys(cj)) //name age weight Symbol(s)
更多關(guān)于JS獲取對(duì)象屬性名的使用小技巧請(qǐng)查看下面的相關(guān)鏈接
相關(guān)文章
這篇文章主要介紹了微信小程序 audio音頻播放詳解及實(shí)例的相關(guān)資料,附有實(shí)例代碼及實(shí)現(xiàn)效果圖，對(duì)初學(xué)者是個(gè)很好的幫助，需要的朋友可以參考下2016-11-11
JavaScript中isPrototypeOf函數(shù)
這篇文章主要介紹了JavaScript中isPrototypeOf函數(shù)，isPrototypeOf() 是 Object函數(shù)（類）的下的一個(gè)方法，用于判斷當(dāng)前對(duì)象是否為另外一個(gè)對(duì)象的原型，如果是就返回 true，否則就返回 false，下面來(lái)看看詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了微信小程序 modal組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
微信小程序 label 組件詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 label 組件詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了 微信小程序（二十）slider組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了打包非 JavaScript 靜態(tài)資源，打包工具中的自定義導(dǎo)入，種常見(jiàn)的方法是利用已有的靜態(tài)導(dǎo)入語(yǔ)法。有些打包工具可能會(huì)通過(guò)文件擴(kuò)展名來(lái)自動(dòng)檢測(cè)格式，而有些其他打包工具則允許插件使用自定義的 URL Scheme，下面具體內(nèi)舉例說(shuō)明,需要的朋友可以參考一下2021-10-10
這篇文章主要介紹JS正則RegExp對(duì)象，正則表達(dá)式是描述字符模式的對(duì)象，用于對(duì)字符串模式匹配及檢索替換，是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。下面就來(lái)看具體詳情,需要的朋友可以參考一下2021-10-10
這篇文章主要介紹了微信小程序checkbox組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
詳解Anyscript開(kāi)發(fā)指南繞過(guò)typescript類型檢查
這篇文章主要為大家介紹了詳解Anyscript開(kāi)發(fā)指南繞過(guò)typescript類型檢查，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了微信小程序 Image API實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09