var arr = ['a','b','c','d'];

// 使用for..in
for (var i in arr) {
  console.log('索引：' + i + '，值：' + arr[i]);
}

 使用for循环
var j = 0; j < arr.length; j++) {
  console.log('索引：' + j + '，值：' + arr[j]);
}

/* 两种方式都输出：
 * ----------------
 * 索引：0，值：a
 * 索引：1，值：b
 * 索引：2，值：c
 * 索引：3，值：d
 * ----------------
 */

var colors = ['red','green','blue'];
 扩展Array.prototype
Array.prototype.demo = function () {};

 colors) {
  console.log(i);  输出: 0 1 2 demo
}

 查看原生的方法[[enumberable]]特征，这里以splice为例
Array.prototype.propertyIsEnumerable('splice');  false
Object.getOwnPropertyDescriptor(Array.prototype,'splice');  {writable: true,enumerable: false,configurable: true}

 查看 demo 属性的特性
Array.prototype.propertyIsEnumerable('demo');  true
Object.getOwnPropertyDescriptor(Array.prototype,'demo'); 代码中可以看出，我们添加的demo方法，默认是可以被for..in枚举出来的。如果想让其不被枚举，那么可以使用ES5的Object.defineProperty()来定义属性，此外如果浏览器版本不支持ES5的话，我们可以使用hasOwnProperty()方法在for..in代码块内将可枚举的属性过滤掉。@H_502_3@

];
Object.defineProperty(Array.prototype,'demo',{
  enumerable: false() {}
});

Array.prototype.propertyIsEnumerable('demo');  {writable: false,configurable: false}

 输出：0 1 2
 或者使用 hasOwnProperty
];
Array.prototype.demo = () {};

 安全使用hasOwnProperty方法
var hasOwn = Object.prototype.hasOwnProperty;
 colors) {
  if (hasOwn.call(colors,i)) {
    console.log(i);   }
}

Object.keys()
Object.keys()用于获取对象自身所有的可枚举的属性值，但不包括原型中的属性，然后返回一个由属性名组成的数组。注意它同for..in一样不能保证属性按对象原来的顺序输出。@H_502_3@

 遍历数组
];
colors.length = 10;
colors.push('yellow');
Array.prototype.demo =  () {};

Object.keys(colors);  0 1 2 10

 遍历对象
 Person(name,age) {
  this.name = name;
  this.age = age;
}

Person.prototype.demo = var jenemy = new Person('jenemy',25);

Object.keys(jenemy);  name age

注意在 ES5 环境，如果传入的参数不是一个对象，而是一个字符串，那么它会报 TypeError。在 ES6 环境，如果传入的是一个非对象参数，内部会对参数作一次强制对象转换，如果转换不成功会抛出 TypeError。@H_502_3@

 在 ES5 环境
Object.keys('foo');  TypeError: "foo" is not an object

 在 ES6 环境
Object.keys('foo');  ["0","1","2"]

 传入 null 对象
Object.keys(null);  Uncaught TypeError: Cannot convert undefined or null to object

 传入 undefined
Object.keys(undefined);  Uncaught TypeError: Cannot convert undefined or null to object

由于Object.keys()为ES5上的方法，因此对于ES5以下的环境需要进行polyfill@H_502_3@

 From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
if (!Object.keys) {
  Object.keys = (() {
    'use strict';
     Object.prototype.hasOwnProperty,hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'),dontEnums = [
          'toString''valueOf''isPrototypeOf''constructor'
        ],dontEnumsLength = dontEnums.length;

      return (obj) {
        if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
          throw new TypeError('Object.keys called on non-object');
        }

        var result = [],prop,i;

        for (prop  obj) {
           (hasOwn.call(obj,prop)) {
            result.push(prop);
          }
        }

         (hasDontEnumBug) {
          for (i = 0; i < dontEnumsLength; i++) {
            return result;
      }
  }) ();
}

Object.getOwnPropertyNames()
Object.getOwnPropertyNames()方法返回对象的所有自身属性的属性名（包括不可枚举的属性）组成的数组，但不会获取原型链上的属性。@H_502_3@

 A(a,aa) {
  this.a = a;
  this.aa = aa;
  this.getA = () {
    this.a;
  }
}
 原型方法
A.prototype.aaa = var B = new A('b','bb');
B.myMethodA = () {};
 不可枚举方法
Object.defineProperty(B,'myMethodB'() {}
});

Object.getOwnPropertyNames(B);  ["a","aa","getA","myMethodA","myMethodB"]

参考地址：https://www.cnblogs.com/wujie520303/p/4931384.html@H_502_3@