IE8과의 호환성을위한 JavaScript Object.keys() 메소드 대안

Question

IE8에서 Object 메서드가 지원되지 않는다고 테스트 할 때 오류가 발생합니다. 나는

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

    /* My code here */ 
}); 
} 

IE8 지원이 방법에 대한 좋은 해결 방법은 Object.keys()을 사용하고 있습니다? jsoncont가 객체

Answer 1

경우

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

Answer 2

모질라처럼 만들 수 있습니다 for...in이 기능을 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; 
    }; 
    }()); 
} 

Answer 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를 사용하여 확인할 수 있습니다

1. for...in 모든 브라우저 (IE6 +)
2. hasOwnProperty 모든 브라우저
3. Function.prototype.call 모든 브라우저를
4. continue 모든 브라우저
5. Array.prototype.push 모든 브라우저 (+ IE 5.5)

요약 : IE 6 + 지원 당신이 원하는대로 objects 및 arrays을 반복 iterate 기능을 사용할 수 있습니다

주 (IE 6 +).