JavaScript Object.keys() 方法替代方案以兼容 IE8。

Question

在IE8中进行测试时，我遇到了一个错误，提示"Object"方法不被支持。我使用了Object.keys()

。

Object.keys(jsoncont).sort(function(a,b){
   return b.localeCompare(a)
 }).forEach(function(key) {
    var val = jsoncont[key];

   /* My code here */
 });
}

有没有一个在IE8下支持的好的解决方法？

- Mikarma

---

可能是重复的问题：消息：对象不支持此属性或方法 - Qantas 94 Heavy

Answer 1

如果需要在较旧的浏览器中使用这个函数，Mozilla 提供了一个 polyfill 的方法：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

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

    return function (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 in obj) {
        if (hasOwnProperty.call(obj, prop)) {
          result.push(prop);
        }
      }

      if (hasDontEnumBug) {
        for (i = 0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) {
            result.push(dontEnums[i]);
          }
        }
      }
      return result;
    };
  }());
}

- Daab

---

仅仅通过"插入"Object.keys()的使用，这不起作用。我需要做什么来整合这个代码片段。我不是JavaScript专业人士。 - Mikarma

代码应该是正常的。如果你得到同样的错误，请尝试设置断点或插入console.log语句，以检查在使用之前是否已加载此代码。 - Daab

已经加载了，但在IE8中仍然出现对象方法不受支持的错误。 - Mikarma

Answer 2

如果jsoncont是一个对象，你可以使用for...in语句。

for (var key in jsoncont) {
...
}

如同这篇博客文章中所建议的那样，你可以像这样创建它：

if (!Object.keys) Object.keys = function(o) {
  if (o !== Object(o))
    throw new TypeError('Object.keys called on a non-object');
  var k=[],p;
  for (p in o) if (Object.prototype.hasOwnProperty.call(o,p)) k.push(p);
  return k;
}

- thefourtheye

Answer 3

以下代码支持所有浏览器（根据MDN文档）。 注意：IE6+，我没有在IE上测试-只是按照文档。

您可以通过在线工具JS兼容性检查器验证代码的兼容性。

function getKeys(obj) {
  var keys = [];
  iterate(obj, function (oVal, oKey) { keys.push(oKey) });
  return keys;
}

function iterate(iterable, callback) {
  for (var key in iterable) {
    if (key === 'length' || key === 'prototype' || !Object.prototype.hasOwnProperty.call(iterable, key)) continue;
    callback(iterable[key], key, iterable);
  }
}

以下是我刚使用的浏览器API，按照兼容性排序：

1. for...in 所有浏览器（包括IE6+）
2. hasOwnProperty 所有浏览器
3. Function.prototype.call 所有浏览器
4. continue 所有浏览器
5. Array.prototype.push 所有浏览器（包括IE 5.5+）

总结：支持IE 6+。 iterate函数可以同时用于objects和arrays。

- naorz