3 js-Methoden zum Aufzählen der Eigenschaften eines Objekts

1. for...in durchläuft alle aufzählbaren Eigenschaften im Objekt (einschließlich eigener Eigenschaften und geerbter Eigenschaften).

const obj = {
    
    
    itemA: 'itemA',
    itemB: 'itemB'
}
// 使用Object.create创建一个原型为obj的对象 （模拟继承来的属性）
var newObj = Object.create(obj)
console.log(newObj) //{}
newObj.newItemA = 'newItemA'
newObj.newItemB = 'newItemB'
console.log(newObj) //{newItemA: "newItemA", newItemB: "newItemB"}
for (i in newObj) {
    
    
    console.log(i)
    // newItemA
	// newItemB
	// itemA
	// itemB
}
//如果不想让for...in枚举继承来的属性可以借助Object.prototype.hasOwnProperty()
for (i in newObj) {
    
    
  if (newObj.hasOwnProperty(i)) console.log(i)
  //newItemA
  //newItemB
}
// 现在我们将其中的一个属性变为不可枚举属性
Object.defineProperty(newObj, 'newItemA', {
    
    
    enumerable: false
})
for (i in newObj) {
    
    
    console.log(i)
    // newItemB
	// itemA
	// itemB
}

2. Object.keys(): gibt ein Array zurück, das die Namen aller aufzählbaren eigenen Eigenschaften enthält.

const result = Object.keys(newObj)
console.log(result) //["newItemB"]

3. Object.getOwnPropertyNames() gibt die Namen seiner eigenen Eigenschaften zurück (unabhängig davon, ob sie aufzählbar sind oder nicht).

const result1 = Object.getOwnPropertyNames(newObj)
console.log(result1) //["newItemA", "newItemB"]