IE does not support Array includes or String includes methods

Question

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

Is there any equivalent method ? Don't people check if a str is included in other str in internet explorer ? :) — Onur Emrecan Özcan
– Onur Emrecan Özcan, Commented Jul 4, 2015 at 13:51

Bill · Accepted Answer · 2017-11-21 01:59:37Z

76

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

edited Nov 21, 2017 at 1:59

Bill

4,6662 gold badges20 silver badges29 bronze badges

answered Jul 4, 2015 at 13:50

invernomuto

10.3k5 gold badges42 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Yu Chen Over a year ago

Thanks @InferOn. This is great stuff. I'm picking up JavaScript right now, but wanted to ask what exactly the arguments variable being passed into apply() is? I console.log() it in IE and see that it is some sort of Argument object, but I don't understand where it's coming from exactly since it doesn't appear to be defined anywhere.

invernomuto Over a year ago

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… could help you

Sunho Hong · Accepted Answer · 2016-09-28 10:09:13Z

50

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

answered Sep 28, 2016 at 10:09

Sunho Hong

5274 silver badges3 bronze badges

4 Comments

Nathan G Over a year ago

=== instead of ==

tibalt Over a year ago

may I suggest an improvement: value: item => this.some(el => el === item)

Pablo Pazos Over a year ago

The question is about the includes() for string not array

yairniz Over a year ago

Performance would not be good, when you find the first appearance you should stop iterating.

Patrick Duncan · Accepted Answer · 2016-07-07 16:50:00Z

11

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) {

answered Jul 7, 2016 at 16:50

Patrick Duncan

5591 gold badge6 silver badges17 bronze badges

Comments

patrickbadley · Accepted Answer · 2021-06-14 01:11:28Z

7

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

edited Jun 14, 2021 at 1:11

answered Jun 26, 2018 at 15:00

patrickbadley

2,5902 gold badges31 silver badges30 bronze badges

2 Comments

young-ceo Over a year ago

What's up with polyfills.ts? Why do you have that file in your project?

patrickbadley Over a year ago

Good question, I just realized that this question was not specific to Angular when I posted my answer so my answer could be confusing (I updated it to specify that it pertains to Angular). polyfills.ts comes out of the box with a new angular (8/9/10...) project.

mvermand · Accepted Answer · 2018-10-16 05:38:04Z

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

user11374562 · Accepted Answer · 2019-04-17 14:53:23Z

1

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

} else {
//false
}

answered Apr 17, 2019 at 14:53

user11374562

111 bronze badge

Comments

mohan mu · Accepted Answer · 2020-05-04 17:32:20Z

0

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

answered May 4, 2020 at 17:32

mohan mu

831 silver badge5 bronze badges

Comments

shayuna · Accepted Answer · 2021-07-20 08:56:43Z

0

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.

edited Jul 20, 2021 at 8:56

answered Jul 19, 2021 at 15:26

shayuna

4844 silver badges9 bronze badges

Collectives™ on Stack Overflow

IE does not support Array includes or String includes methods

8 Answers 8

2 Comments

4 Comments

Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

2 Comments

4 Comments

Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related