IE11은 어레이와 호환되지 않습니다.from () 솔루션

3970 단어 프런트 엔드
function selectAll(){  
	let check = Array.from(document.getElementsByClassName("chk"));
	check.forEach(function(i){
		if(i.classList.contains("checkbox_false_full")){
			i.click();
		}
	});
}

전단 페이지에 chorme에서 사용할 수 있는 방법을 썼지만 i에서 사용할 수 없습니다. 자료를 찾아보니 IE11이 array를 호환하지 않는 것을 발견했습니다.from 방법, 인터넷에서 몇 가지 방법을 찾았습니다.

  • if(!Array.from){
        Array.from = function(iterable){
            // IE( IE11) , [].slice.call(new Uint8Array.. 
            return [].slice.call(new Uint8Array(iterable));
        }
    }
    

    처음에는 이 방법을 찾았지만 성공하지 못했고 원인을 깊이 따지지 못했다.

  • // Production steps of ECMA-262, Edition 6, 22.1.2.1
    // Reference: https://people.mozilla.org/~jorendorff/es6-draft.html#sec-array.from
    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);
        };
        var toItems = function (value) {
          // support set
          if (value.size > 0 && value.values) {
            let values = value.values()
            var it = values.next()
            var o = []
            while (!it.done) {
              o.push(it.value)
              it = values.next()
            }
            return o
          }
          return Object(value);
        };
        // 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 = toItems(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;
        };
      }());
    }
    

    나중에 링크(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from)에서 해결 코드를 찾았습니다.

    좋은 웹페이지 즐겨찾기