Question

54

Browser support for array.includes and alternatives

rated 0 times [ 57] [ 3] / answers: 1 / hits: 29769 / 9 Years ago, tue, may 26, 2015, 12:00:00

I looked it up and found this regarding finding a substring in a larger string in an array. Array.Prototype.includes

if (t.title.includes(searchString))

My t is part of a $.each that's iterating through a larger array of objects (each objects got a buttload of info, from strings, dates and such). searchString is whatever the user typed in a box. All this is a simple search function for a list I have on the page.

This works just fine in Chrome. But Firefox and IE are turning up errors stating

TypeError: currentTicket.title.includes is not a function

So I either put up a warning sign that my app only works on Chrome or I handcraft a find function? Weird thing is the doc page from MDN I posted states that only Firefox supports the array.includes, strangely enough it's only Chrome that runs it.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

karivictoriab

Add To Favorites

Follow

Total Points: 530

Total Questions: 90

Total Answers: 95

Location: Honduras

Member since Sun, Dec 26, 2021

2 Years ago

karivictoriab questions

1 JSX props should not use arrow functions eslint warning

Wed, Feb 10, 21, 00:00, 3 Years ago

1 How to scroll and expand an Accordion by onClick on an icon from a component?

Fri, Aug 21, 20, 00:00, 4 Years ago

1 Hide all labels and tooltips in Chart.js and make it very small size

Wed, Apr 8, 20, 00:00, 4 Years ago

1 CORS – Cross Origin Request Blocked – The 'Access-Control-Allow-Origin' header contains invalid value

Fri, Jan 24, 20, 00:00, 4 Years ago

1 VueJs clear form after success

Mon, Dec 30, 19, 00:00, 5 Years ago

View All

answered 9 Years ago krystadesiraeo · Accepted Answer

Instead of using an API that is currently marked as experimental consider using a more broadly supported method, such as Array.prototype.indexOf() (which is also supported by IE).

Instead of t.title.includes(string) you could use t.title.indexOf(string) >= 0

You can also use Array.prototype.filter() to get a new array of strings that meet a certain criteria, as in the example below.

var arr = [one, two, three, four, five, six, seven, eight, nine, ten];

document.getElementById(input).onkeyup = function() {

  document.getElementById(output).innerHTML = arrayContainsString(arr,this.value);

}

document.getElementById(header).innerHTML = JSON.stringify(arr);



function arrayContainsString(array, string) {

  var newArr = array.filter(function(el) {

    return el.indexOf(string) >= 0;

  });

  return newArr.length > 0;

}

<input id=input type=text />

<br/>

<div>array contains text:<span id=output />

</div>

<div id=header></div>