Javascript map method creating 'Object doesn't support this property or method ' in Internet Explorer (IE)?

Question

javascript code shows error in Internet Explorer but not in FF.

$(document).ready(function(){




var countries = [
  ["Afghanistan","Af"],
  ["Åland Islands","Ax"],
  ["Zimbabwe","Zw"]
];

 var countryNames = countries.map(function(country){
  return {
    /*label: '<div class="flag '+country[1].toLowerCase()+'">'+country[0]+'</div>',*/
    value: country[0]
  }

  var my_var=countryNames();
}); 

});

In IE 8 developer tool, if I debug js, the error message is :' Object doesn't support this property or method'. And the error is indicated at the snippet starting with the line :

var countryNames = countries.map(function(country){

How to make the code work in IE ?

Which version of Internet Explorer are you using? According to the MDN entry for the Array map() function, it's only supported in IE9. — Anthony Grist
– Anthony Grist, Commented Sep 19, 2012 at 9:05

Anthony Grist · Accepted Answer · 2012-09-19 09:13:59Z

4

The Array.prototype.map() function is only supported in Internet Explorer 9, so that code won't work in earlier versions of the browser. Since you've tagged the question as jQuery, you could use the jQuery.map() function instead:

var countryNames = jQuery.map(countries, function(country) {
    return { 
        value: country[0]
    }
});

jsFiddle DEMO tested using Internet Explorer 9 in IE7 mode.

answered Sep 19, 2012 at 9:13

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

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

Comments

Neil Kennedy · Accepted Answer · 2012-09-19 09:05:36Z

1

Use Jquery .each() instead http://api.jquery.com/jQuery.each/

var countryNames = [];    
$.each(countries, function(index, value){
    countryNames.push(value[0]);
}

answered Sep 19, 2012 at 9:05

Neil Kennedy

6031 gold badge6 silver badges12 bronze badges

1 Comment

Anthony Grist Over a year ago

If they're going down the jQuery route, why not use jQuery.map()?

Jeremy J Starcher · Accepted Answer · 2012-09-19 09:06:09Z

0

Not all versions (if any) have Array.prototype.map

This is a polyfill/MonkeyPatch you can use to support it under IE -- but including this code may cause problems if you use for ... in on your arrays.

Array.prototype.map

answered Sep 19, 2012 at 9:06

Jeremy J Starcher

24k6 gold badges56 silver badges75 bronze badges

Comments

xyzz · Accepted Answer · 2012-09-19 09:08:39Z

0

  var my_var=countryNames();
});

should be:

}); 
  var my_var=countryNames;

Worked in IE9 for me.

Or you can you use $.each like Neil Kennedy said.

answered Sep 19, 2012 at 9:08

xyzz

362 bronze badges

1 Comment

Anthony Grist Over a year ago

The countryNames variable references an array, not a function, so that line can be removed entirely because it just throws an error.

Collectives™ on Stack Overflow

Javascript map method creating 'Object doesn't support this property or method ' in Internet Explorer (IE)?

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related