与 IE8 兼容的 JavaScript Object.keys() 方法替代答案

【问题标题】：JavaScript Object.keys() method alternative for compatibility with IE8与 IE8 兼容的 JavaScript Object.keys() 方法替代
【发布时间】：2017-12-17 18:24:01
【问题描述】：

在 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 支持的这种方法有什么好的解决方法吗？

【问题讨论】：

Message: Object doesn't support this property or method 的可能重复项

标签： javascript internet-explorer-8

【解决方案1】：

Mozilla 解释了如何在旧版浏览器中填充函数：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;
    };
  }());
}

【讨论】：

这不能仅仅通过“插入”我对 Object.keys() 的使用来实现。我需要做什么来合并这个 sn-p。我不是 JavaScript 专家。
代码应该可以工作。如果遇到同样的错误，请尝试设置断点或插入 console.log-statements 以在使用之前检查此代码是否已加载。
它已加载，但我仍然在 IE8 中收到不支持对象方法的错误。

【解决方案2】：

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

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

或者按照this blog post的建议，你可以这样创建

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;
}

【讨论】：

【解决方案3】：

以下代码支持（使用 MDN 文档）所有浏览器（IE6+，注意我还没有在 IE 上测试它，仅通过文档）。

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);
  }
}

您可以使用js compatibility checker查看它

我们在这里拥有什么：

for...in所有浏览器（IE6+）
hasOwnProperty所有浏览器
Function.prototype.call所有浏览器
continue所有浏览器
Array.prototype.push所有浏览器（IE 5.5+）

总结：IE 6+支持

请注意，您可以使用iterate 函数根据您的意愿迭代objects 和arrays（IE 6+）。

【讨论】：