IE does not support Array includes or String includes methods

JavascriptInternet ExplorerEcmascript 2016

Javascript Problem Overview


I have been working on a project and developing a JavaScript framework. The original code is about 700 lines so I only pasted this line. The includes method doesn't work on Internet Explorer. Is there any solution for this?

var row_cells = tbl_row.match(/<td[\s\S]*?<\/td>/g);
        
    row.Cells = new Array();
    if (onRowBindFuncText != null) { /*Fonksyon tanımlanmaışsa daha hızlı çalış*/
            
        var cellCount = 0;
        for (i = 0; i < row_cells.length; i++) {
                
            var cell = new Cell();
            $.each(this, function (k, v) {
                  
                if ((row_cells[i]+"").includes("#Eval(" + k + ")")) {
                        
                    cell.Keys.push(new Key(k,v));

...Code goes on

Javascript Solutions


Solution 1 - Javascript

Because it's not supported in IE, it is not supported also in Opera (see the compatibility table), but you can use the suggested polyfill:

> Polyfill > >This method has been added to the ECMAScript 2015 specification and may not be available in all JavaScript implementations yet. However, you can easily polyfill this method:

if (!String.prototype.includes) {
  String.prototype.includes = function(search, start) {
    'use strict';
    if (typeof start !== 'number') {
      start = 0;
    }
    
    if (start + search.length > this.length) {
      return false;
    } else {
      return this.indexOf(search, start) !== -1;
    }
  };
}

Solution 2 - Javascript

@Infer-on shown great answer, but it has a problem in a specific situation. If you use for-in loop it will return includes "includes" function you added.

Here is another pollyfill.

if (!Array.prototype.includes) {
  Object.defineProperty(Array.prototype, "includes", {
    enumerable: false,
    value: function(obj) {
        var newArr = this.filter(function(el) {
          return el == obj;
        });
        return newArr.length > 0;
      }
  });
}

Solution 3 - Javascript

You could just use .search() > -1 which behaves in the exact same way. http://www.w3schools.com/jsref/jsref_search.asp

if ((row_cells[i]+"").search("#Eval(" + k + ")") > -1) {

Solution 4 - Javascript

This selected answer is for String, if you are looking for 'includes' on an array, I resolved my issue in an Angular project by adding the following to my polyfills.ts file:

import 'core-js/es7/array';

Solution 5 - Javascript

This is a polyfill for TypeScript projects, taken from https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Global_Objects/Array/includes and modified to be valid TypeScript:

if (!Array.prototype.includes) {
    Object.defineProperty(Array.prototype, 'includes', {
        value: function(searchElement, fromIndex) {

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

            const o = Object(this);
            // tslint:disable-next-line:no-bitwise
            const len = o.length >>> 0;

            if (len === 0) {
                return false;
            }
            // tslint:disable-next-line:no-bitwise
            const n = fromIndex | 0;
            let k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

            while (k < len) {
                if (o[k] === searchElement) {
                    return true;
                }
                k++;
            }
            return false;
        }
    });
}

Solution 6 - Javascript

if (fullString.indexOf("partString") >= 0) {
//true 

} else {
//false
}

Solution 7 - Javascript

var includes = function(val, str) {
  return str.indexOf(val) >= 0;
};

Solution 8 - Javascript

jquery got a solution for that:

if ($.inArray(val,ar)===-1){
    console.log ("val not found in ar");
}
else{
    console.log ("val found in ar");
}

the $.inArray(val,ar,[startingIndex]) function.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionOnur Emrecan &#214;zcanView Question on Stackoverflow
Solution 1 - JavascriptalessandroView Answer on Stackoverflow
Solution 2 - JavascriptSunho HongView Answer on Stackoverflow
Solution 3 - JavascriptPatrick DuncanView Answer on Stackoverflow
Solution 4 - JavascriptpatrickbadleyView Answer on Stackoverflow
Solution 5 - JavascriptmvermandView Answer on Stackoverflow
Solution 6 - Javascriptuser11374562View Answer on Stackoverflow
Solution 7 - Javascriptmohan muView Answer on Stackoverflow
Solution 8 - JavascriptshayunaView Answer on Stackoverflow