javascript-Reflect.ownKeys、Object.keys、Object.getOwnPropertyNames、for-in

Reflect.ownKeys

官方文档解释：
静态方法Reflect.ownKeys返回一个由目标对象自身的属性键组成的数组。

语法

Reflect.ownKeys(target)

const obj = {
    
    
  property1:'test',
  property2:10029,
};
  
console.log(Reflect.ownKeys(obj));

const arr = [];
console.log(Reflect.ownKeys(arr));

target

获取自身属性键的目标对象。

返回值

由目标对象的自身属性键组成的Array。

异常

如果目标不是Object，抛出一个TypeError。

var sym = Symbol.for("comet");
var sym2 = Symbol.for("meteor");
var obj = {
    
    [sym]: 0, "str": 0, "773": 0, "0": 0,
           [sym2]: 0, "-1": 0, "8": 0, "second str": 0};
console.log(obj);

Reflect.ownKeys可以获取不可枚举属性。

var my_obj = Object.create({
    
    }, {
    
    
  getFoo: {
    
    
    value: function() {
    
     return this.foo; },
    enumerable: false
  }
});
my_obj.foo = 1;
console.log(Reflect.ownKeys(my_obj));

在这里插入图片描述
Reflect.ownKeys 方法的返回值等同于Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target))。

Object.keys

官方文档解释：
Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。

语法

Object.keys(obj)

返回值

一个表示给定对象的所有可枚举属性的字符串数组。

var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr));

var obj = {
    
     0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj));

var anObj = {
    
     100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj));

var myObj = Object.create({
    
    }, {
    
    
  getFoo: {
    
    
    value: function () {
    
     return this.foo; }
  }
});
myObj.foo = 1;
console.log(Object.keys(myObj));

Object.getOwnPropertyNames

官方文档解释：
Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

语法

Object.getOwnPropertyNames(obj)

参数

一个对象，其自身的可枚举和不可枚举属性的名称被返回。

返回值

在给定对象上找到的自身属性对应的字符串数组。

详细描述

Object.getOwnPropertyNames() 返回一个数组，该数组对元素是 obj自身拥有的枚举或不可枚举属性名称字符串。数组中枚举属性的顺序与通过 for…in 循环（或 Object.keys）迭代该对象属性时一致。数组中不可枚举属性的顺序未定义。

var arr = ["a", "b", "c"];
console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]

// 类数组对象
var obj = {
    
     0: "a", 1: "b", 2: "c"};
console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]

// 使用Array.forEach输出属性名和属性值
Object.getOwnPropertyNames(obj).forEach(function(val, idx, array) {
    
    
  console.log(val + " -> " + obj[val]);
});

var my_obj = Object.create({
    
    }, {
    
    
  getFoo: {
    
    
    value: function() {
    
     return this.foo; },
    enumerable: false
  }
});
my_obj.foo = 1;

console.log(Object.getOwnPropertyNames(my_obj).sort());

该方法不会获取到原型链上的属性。

function ParentClass() {
    
    }
ParentClass.prototype.inheritedMethod = function() {
    
    };

function ChildClass() {
    
    
  this.prop = 5;
  this.method = function() {
    
    };
}

ChildClass.prototype = new ParentClass;
ChildClass.prototype.prototypeMethod = function() {
    
    };

console.log(
  Object.getOwnPropertyNames(
    new ChildClass()  // ["prop", "method"]
  )
);

for-in

for-in遍历可以用于遍历数组/对象上的可枚举属性，不多解释。

var my_obj = Object.create({
    
    }, {
    
    
  getFoo: {
    
    
    value: function() {
    
     return this.foo; },
    enumerable: false
  }
});
my_obj.foo = 1;
for(let item in my_obj){
    
    
  console.log(item);
}

var arr = ["a", "b", "c"];
for(let item in arr){
    
    
  console.log(item);
}