在IE（Javascript）中將對象轉換爲數組

Question

可以使用JavaScript將對象轉換爲Internet Explorer中的數組嗎？我讀過，Array.from（obj）方法不支持IE。它是正確的？

謝謝

Answer 1

您可以驗證自己對On Mozilla's MDN是Array.from()不支持IE：

在同一頁面上，你還可以找到以下polyfill添加支持的Array.from()到瀏覽器，唐「科技支撐它本身：

// Production steps of ECMA-262, Edition 6, 22.1.2.1 
if (!Array.from) { 
    Array.from = (function() { 
    var toStr = Object.prototype.toString; 
    var isCallable = function (fn) { 
     return typeof fn === 'function' || toStr.call(fn) === '[object Function]'; 
    }; 
    var toInteger = function (value) { 
     var number = Number(value); 
     if (isNaN(number)) { return 0; } 
     if (number === 0 || !isFinite(number)) { return number; } 
     return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number)); 
    }; 
    var maxSafeInteger = Math.pow(2, 53) - 1; 
    var toLength = function (value) { 
     var len = toInteger(value); 
     return Math.min(Math.max(len, 0), maxSafeInteger); 
    }; 

    // The length property of the from method is 1. 
    return function from(arrayLike/*, mapFn, thisArg */) { 
     // 1. Let C be the this value. 
     var C = this; 

     // 2. Let items be ToObject(arrayLike). 
     var items = Object(arrayLike); 

     // 3. ReturnIfAbrupt(items). 
     if (arrayLike == null) { 
     throw new TypeError('Array.from requires an array-like object - not null or undefined'); 
     } 

     // 4. If mapfn is undefined, then let mapping be false. 
     var mapFn = arguments.length > 1 ? arguments[1] : void undefined; 
     var T; 
     if (typeof mapFn !== 'undefined') { 
     // 5. else 
     // 5. a If IsCallable(mapfn) is false, throw a TypeError exception. 
     if (!isCallable(mapFn)) { 
      throw new TypeError('Array.from: when provided, the second argument must be a function'); 
     } 

     // 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined. 
     if (arguments.length > 2) { 
      T = arguments[2]; 
     } 
     } 

     // 10. Let lenValue be Get(items, "length"). 
     // 11. Let len be ToLength(lenValue). 
     var len = toLength(items.length); 

     // 13. If IsConstructor(C) is true, then 
     // 13. a. Let A be the result of calling the [[Construct]] internal method 
     // of C with an argument list containing the single item len. 
     // 14. a. Else, Let A be ArrayCreate(len). 
     var A = isCallable(C) ? Object(new C(len)) : new Array(len); 

     // 16. Let k be 0. 
     var k = 0; 
     // 17. Repeat, while k < len… (also steps a - h) 
     var kValue; 
     while (k < len) { 
     kValue = items[k]; 
     if (mapFn) { 
      A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k); 
     } else { 
      A[k] = kValue; 
     } 
     k += 1; 
     } 
     // 18. Let putStatus be Put(A, "length", len, true). 
     A.length = len; 
     // 20. Return A. 
     return A; 
    }; 
    }()); 
} 

需要注意的是它配備了以下幾點意見：

這種算法是 正是一個在ECMA-262，第6版規定，假設對象 和類型錯誤有其原有的價值觀和callback.call 計算結果爲Function.prototype.call的原始值。另外，由於真正的迭代器不能被多重填充，所以這個 實現不支持在ECMA-262的第6版中定義的通用迭代器。

這意味着有幾個警告，但它應該是綽綽有餘的大多數目的！

Answer 2

是，根據ECMAScript 6，這個真實的後半IE。如果你需要這個功能&支持IE瀏覽器，你可以在那裏找到一些列出的polyfills。

Answer 3

Array.from方法是用ECMAScript的6

你可以看得出這個page，在IE瀏覽器的ECMAScript 6的支持不是很好的方法。請看例子在下面的問題一個解決問題的方法

Converting a JS object to an array

Answer 4

正如在JavaScript中，排列位置都喜歡對象的屬性（您可以訪問obj["property"]對象），你可以遍歷的屬性你的對象並將它們推到一個數組上。

例如：

//Example object 
var obj = { 
    prop1: "asd", 
    prop2: "Another value", 
    prop3: 5, 
    funcprop: function(val){return val*2;} 
} 
//----------- 

var i = 0; 
var array = []; 
for(prop in obj){ 
    array[i] = obj[prop]; 
    i++; 
} 

console.log(array); //Array [ "asd", "Another value", 5, funcprop() ] 

Acording到MSDN，的for..in語法是因爲IE6有效。

請小心，因爲您將在陣列位置也有屬性函數。