3种枚举对象的属性的js方法

1、for…in 会遍历对象中所有的可枚举属性（包括自有属性和继承属性）

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(): 会返回一个包括所有的可枚举的自有属性的名称组成的数组

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

3、Object.getOwnPropertyNames() 会返回自有属性的名称 （不管是不是可枚举的）

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