forEachメソッドがIEで壊れているのはなぜですか？

Question

chrome/Firefoxでうまく動作し、2回目のforEachとIE（IE11でテスト中）でのみ動作します。

オブジェクトのECMAScript標準からプロパティやメソッド 'forEachの'

moment(da).weekdaysInBetween(moment(da).add(14, 'day').format('MM/DD/YYYY')).forEach(function(nextDay){ 
    //console.log('first'); 
     thirteen.push(nextDay.format('MM/DD/YYYY')); 
    }); 


    document.querySelectorAll('input[class="newname"]').forEach(function(input, index){ 
     input.value = thirteen[index]; 
     // console.log('second'); 
    }); 

Answer 1

をサポートしていません：

のforeach関数は故意に汎用的です。この値がArrayオブジェクトである必要はありません。したがって、メソッドとして使用するために他の種類のオブジェクトに転送することができます。 forEach関数をホストオブジェクトに正常に適用できるかどうかは実装依存です。

IEは、クエリによって返されたノードリストで.forEachをサポートしていないと言っています。あなたはこのカットダウンの例のように、代わりにリストにArray.prototype.forEachを呼び出すことができます。

Array.prototype.forEach.call( 
 
    document.querySelectorAll('input'), 
 
    function(input, index){ 
 
     input.value = 'hello ' + index; 
 
    } 
 
);

<input type="text"><input type="text">

Answer 2

document.querySelectorAllが、それはのNodeListを返し、配列を返すいけないし、あなたがでのforEachを使用することはできませんNodeListを使用する場合、Array.prototype.slice.applyを使用してArray内のNodeListを変換する必要があります。

moment(da).weekdaysInBetween(moment(da).add(14, 'day').format('MM/DD/YYYY')).forEach(function(nextDay){ 
    //console.log('first'); 
     thirteen.push(nextDay.format('MM/DD/YYYY')); 
    }); 


    Array.prototype.slice.apply(document.querySelectorAll('input[class="newname"]')).forEach(function(input, index){ 
     input.value = thirteen[index]; 
     // console.log('second'); 
    }) 

;

.forEachは（）を使用すると、Mozillaの開発者ネットワーク内

// Production steps of ECMA-262, Edition 5, 15.4.4.18 
// Reference: http://es5.github.com/#x15.4.4.18 
if (!Array.prototype.forEach) { 

    Array.prototype.forEach = function forEach(callback, thisArg) { 
    'use strict'; 
    var T, k; 

    if (this == null) { 
     throw new TypeError("this is null or not defined"); 
    } 

    var kValue, 
     // 1. Let O be the result of calling ToObject passing the |this| value as the argument. 
     O = Object(this), 

     // 2. Let lenValue be the result of calling the Get internal method of O with the argument "length". 
     // 3. Let len be ToUint32(lenValue). 
     len = O.length >>> 0; // Hack to convert O.length to a UInt32 

    // 4. If IsCallable(callback) is false, throw a TypeError exception. 
    // See: http://es5.github.com/#x9.11 
    if ({}.toString.call(callback) !== "[object Function]") { 
     throw new TypeError(callback + " is not a function"); 
    } 

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

    // 6. Let k be 0 
    k = 0; 

    // 7. Repeat, while k < len 
    while (k < len) { 

     // a. Let Pk be ToString(k). 
     // This is implicit for LHS operands of the in operator 
     // b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk. 
     // This step can be combined with c 
     // c. If kPresent is true, then 
     if (k in O) { 

     // i. Let kValue be the result of calling the Get internal method of O with argument Pk. 
     kValue = O[k]; 

     // ii. Call the Call internal method of callback with T as the this value and 
     // argument list containing kValue, k, and O. 
     callback.call(T, kValue, k, O); 
     } 
     // d. Increase k by 1. 
     k++; 
    } 
    // 8. return undefined 
    }; 
} 

詳細