includeArray.filter is not a function

Asked Sep 01 '16 at 16:29

Active Sep 01 '16 at 17:03

Viewed 24 times

I am trying to match a substring of elements value to the url, in order to dynamically highlight the page the user is on.

I am positive that I have an array object of elements. I tested it in the window. Yet, I am getting an error includeArray.filter is not a function. Here is my code

var url = window.location.href;
url = url.replace("-", " ");
var includeArray = document.getElementsByClassName("includeHelper");
var subStringElem = includeArray.filter(function (obj) {
  var thisVal = obj.value
  if (url.indexOf(thisVal) != -1) {
    return true;
  }
  else { return false; }
});

What could I be doing incorrectly?

edited Sep 01 '16 at 17:03

Rahul Patel

5,248
2
14
26

asked Sep 01 '16 at 16:29

Chris Clark

2

`filter` is array's method. `getElementsByClassName` returns collection of elements, not array. – hindmost Sep 01 '16 at 16:31
@hindmost how are they different, the window shows [ node1, node2] etc. it looks like an array to me. – Chris Clark Sep 01 '16 at 16:32
check this question: http://stackoverflow.com/questions/3199588/fastest-way-to-convert-javascript-nodelist-to-array basically you can do `Array.prototype.slice.call(includeArray).filter..` – apieceofbart Sep 01 '16 at 16:33
@Oriol That's right – hindmost Sep 01 '16 at 16:34
@apieceofbart That worked – Chris Clark Sep 01 '16 at 16:49

includeArray.filter is not a function

0 Answers0