JS error in IE 11

Question

I have the following code block, that works on every browser except IE 11. Im picking content from a json file based on a select drop down. I have read that IE 11 has no arrow function, how do I re-write this to work in IE 11?

$.getJSON('./AJAX/myfile.json', function(data) {
    var items = [];
    var filter = $('#select').val();
    var countryData = data.filter(el => el.selection === filter);
});

The issue is with the "(el => el.selection === filter);" -> "=>" arrow. Is there an alternative?

Sorry to offend you T.J. I couldn't find a question / answer that I could understand enough to get to work. I should have added "I have spent 2 hrs on this trying to get similar solutions to work, with no success". — Dirty Bird Design, May 30 '18 at 18:53

score 0 · Answer 1 · answered May 30 '18 at 18:45

0

The arrow function here:

var countryData = data.filter(el => el.selection === filter);

can be re-written as:

var countryData = data.filter( function (el) {
    return el.selection === filter;
});

answered May 30 '18 at 18:45

AndrewL64

15,794
8
47
79

Thank you AndrewL, I was screwing up the return function. Much appreciated. – Dirty Bird Design May 30 '18 at 18:53
Glad I could help. Regards. – AndrewL64 May 30 '18 at 18:54

score -1 · Answer 2 · answered May 30 '18 at 18:44

-1

  var countryData = data.filter(function (el) { return el.selection === filter; });

answered May 30 '18 at 18:44

Bryan Dellinger

4,724
7
33
79

JS error in IE 11

2 Answers2