快捷導(dǎo)航

JS獲取對象屬性名總結(jié)

更新時間：2022年01月30日 08:55:02 投稿：wdc

這篇文章主要總結(jié)介紹了JS如何獲取對象屬性名的方法,需要的朋友可以參考下

最近面試遇到問如何獲取對象全部屬性名的方法，總結(jié)一下：

對象屬性類型分類：

1.ESMAScript分類

數(shù)據(jù)類型 又分為可枚舉和不可枚舉類型
訪問器類型

2.上下文分類

原型屬性
實(shí)例屬性

1.列舉自身但不包括原型的可枚舉屬性名 Object.keys(obj)

  // 遍歷對象
function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.demo = function() {};

let cj = new Person('cj', 25);
// 通過Object.defineProperty定義一個不可枚舉屬性
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);
// 通過Object.defineProperty定義一個不可枚舉屬性
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);
// 通過Object.defineProperty定義一個不可枚舉屬性
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 = {};
// 為對象本身添加Symbol屬性名
let a = Symbol("a");
obj[a] = "localSymbol";
// 為對象原型添加Symbol屬性名
let b = Symbol("b")
Object.prototype[b] = 111
let objectSymbols = Object.getOwnPropertySymbols(obj);
console.log(objectSymbols); //Symbol(a)

5.獲取自身包括不可枚舉和Symbol屬性名，但不包括原型 Reflect.ownKeys(obj)

  // 遍歷對象
function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.demo = function() {};
let s = Symbol('s')
let cj = new Person('cj', 25);
// 通過Object.defineProperty定義一個不可枚舉屬性
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獲取對象屬性名的使用小技巧請查看下面的相關(guān)鏈接

您可能感興趣的文章: